答案 0 :(得分：94)
不要设置图片的width，只设置max-width。
img {max-width:100%; height:auto}
（'身高：自动不是必须的，但我把它放在那里是为了完整，提醒自己我希望图像具有自然的比例。）
This fiddle有两个框，一个比图像小，一个比较大。如您所见，较小框中的图像按比例缩小，而较大框中的图像则具有正常尺寸。
答案 1 :(得分：1)
您可以在图像本身的样式标记中设置图像的最大宽度。 然后在样式表中将显示类型设置为“阻止”，将宽度设置为所需容器的百分比，将高度设置为自动。然后添加保证金：0px auto到它，它应该完美居中，永远不会大于它的原始大小。
如果这些是用户上传的图像，并且您使用的是PHP，请使用getImageSize（）查找图像宽度，并以编程方式将样式标记添加到图像中。