我可以在较小的屏幕上根据父 div 进行图像缩放，但仍限制为明确的最大宽度：
img {
max-width: 500px;
width: 100%;
}
但是，如果图像小于父 div，它仍然会拉伸以填充 div。
有没有办法让它仅在较大时缩放到 100%，而在较小时保持其原始尺寸，而无需事先知道图像的尺寸？
您可以设置图像的最大宽度：100%；仅当它大于其父级时，这才会限制其大小。
img {
height: auto;
max-width: 100%;
}
演示在这里：http://jsfiddle.net/LMEwC/ http://jsfiddle.net/LMEwC/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
