如何在低于图像的情况下将图像调整为100％的屏幕宽度？

Question

当屏幕宽度小于图像的原始宽度时，如何将图像大小调整为100％屏幕宽度（保持比例），但是当屏幕较大时，防止将图像放大到大于原始尺寸？

Answer 1

您可以使用max-width进行重新调整，height:auto使用相同的比例

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

Answer 2

这里只需使用max-width:100%图片fiddle