Dziwne zachowanie zmiany rozmiaru obrazu Chrome

Question

Mam pewne dziwne zachowanie z chrome dotyczące zmiany rozmiaru obrazu po zmianie rozmiaru okna.

Po uruchomieniu przeglądarki Chrome w trybie pełnoekranowym w systemie Windows (dwukrotne kliknięcie okna w celu przyciągnięcia do pełnego ekranu), a następnie odłączę okno, powodując przywrócenie poprzedniego wymiaru, obrazy nie są odpowiednio skalowane.

Na przykład, mam następujący kod CSS, który zmienia rozmiar obrazu do 100% wysokości dostępnej przestrzeni, a auto jest szerokość:

img{ 
    height: 100% 
    width: auto; 
} 

Kiedy okno jest warknął na dużym formacie to wygląda w porządku, o proporcjach z obrazów są przechowywane. Ale teraz, jeśli wypiszę okno (podwójne kliknięcie). Wysokość zmieni rozmiar, szerokość nie będzie, jak poniżej:

natomiast w programie Internet Explorer, odczepaiając wygląda następująco:

ktoś wie dlaczego chrom nie jest zmiana rozmiaru poprawnie? Czy coś jest nie tak z moim css?

Jeśli potrzebujesz więcej kodu, zapytaj.

Dzięki.

Answer 1

Używaj zamiast szerokości: 100% -> maks. Szerokość: 100%;

miałem przed tym problemem raz, a użyłem zarówno właściwości wielkości

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

to działa na mnie dobrze, i zapisać część.