如何在低於圖像的情況下將圖像的大小調整爲100％的屏幕寬度？

當屏幕寬度小於圖像的原始寬度時，如何將圖像大小調整爲100％的屏幕寬度（保持比例），但屏幕較大時是否防止圖像放大到大於原始尺寸？如何在低於圖像的情況下將圖像的大小調整爲100％的屏幕寬度？

2017-03-27 Boschi

可以使用max-width重新調整大小和height:auto爲相同比例

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

2017-03-27 06:55:13

只需使用max-width:100%圖像這裏是fiddle

2017-03-27 06:51:12 aje

回答