Hành vi thay đổi kích thước hình ảnh Chrome lạ

Question

Tôi đang gặp một số hành vi lạ với chrome về việc thay đổi kích thước hình ảnh khi cửa sổ được thay đổi kích thước.

Khi Chrome được chụp toàn màn hình trong Windows (nhấp đúp vào cửa sổ để chụp toàn màn hình) và tôi không hủy cửa sổ, làm cho cửa sổ trở lại bất kỳ kích thước nào trước đó chưa được hủy, hình ảnh không được thu nhỏ đúng cách.

Ví dụ, tôi có mã css sau đó thay đổi kích thước hình ảnh đến 100% chiều cao của không gian có sẵn, và tự động là width:

img{ 
    height: 100% 
    width: auto; 
} 

Khi cửa sổ được chụp toàn màn hình có vẻ tốt đẹp, tỷ lệ khía cạnh của hình ảnh được lưu giữ. Nhưng bây giờ nếu tôi unsnap cửa sổ (nhấp đúp chuột). Chiều cao sẽ thay đổi kích thước, chiều rộng sẽ không, như dưới đây:

Trong khi trong Internet Explorer, unsnapping trông như sau:

Bất cứ ai biết tại sao chrome không được thay đổi kích thước đúng cách? Hoặc có cái gì đó sai với css của tôi?

Nếu bạn cần thêm mã, vui lòng hỏi.

Cảm ơn.

Answer 1

Sử dụng chiều rộng thay thế: 100% -> chiều rộng tối đa: 100%;

tôi đã có trước vấn đề này một lần, và tôi đã sử dụng cả hai tính chất của kích thước

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

Nó hoạt động đối với tôi chỉ là tốt, và lưu các tỷ lệ.