Strano comportamento di ridimensionamento delle immagini di Chrome

Question

Sto avendo un comportamento strano con il cromo per quanto riguarda il ridimensionamento delle immagini quando la finestra viene ridimensionata.

Quando Chrome viene inserito a pieno schermo in Windows (fare doppio clic sulla finestra per eseguire lo snap a schermo intero) e apro la finestra, provocando il ripristino delle dimensioni precedenti in cui è stato rimosso, le immagini non vengono ridimensionate correttamente.

Per esempio, ho il seguente codice CSS che ridimensiona immagini per altezza 100% dello spazio disponibile, e auto di larghezza:

img{ 
    height: 100% 
    width: auto; 
} 

Quando la finestra è scattato fullscreen tutto sembra a posto, il rapporto di aspetto del delle immagini sono mantenute. Ma ora se apro la finestra (doppio clic). L'altezza ridimensionerà, la larghezza non sarà, come di seguito:

Mentre in Internet Explorer, unsnapping si presenta così:

Qualcuno sa perché Chrome non è il ridimensionamento correttamente? O c'è qualcosa di sbagliato nel mio css?

Se avete bisogno di più codice si prega di chiedere.

Grazie.

Answer 1

Utilizzare invece larghezza: 100% -> larghezza massima: 100%;

ho avuto prima di questo problema una volta, e ho usato entrambe le proprietà di dimensioni

img{ 
    max-width:100%; 
    max-height:100%; 
} 

Funziona per me più che bene, e salvare la proporzione.