CSS图像最大宽度设置为原始图像大小？

你能做这个吗？ 我让用户将图片上传到宽度为100％的容器中，但我不希望图片大于原始大小。 非常感谢！

Answer 1

只是不要设置图像的width ，只有max-width 。

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

（高度：自动不是必要的，但为了完整性，我把它放在那里，以提醒自己，我希望图像具有自然的比例。）

这个小提琴有两个盒子，一个小于图像，一个大一些。 正如您所看到的，较小的方块中的图像会缩小，而较大的方块中的图像具有正常的大小。

Answer 2

您可以在图像本身的样式标签中设置图像的最大宽度。 然后在样式表中将显示types设置为“block”，将宽度设置为所需容器的百分比，将高度设置为auto。 然后添加margin：0px auto，它应该完美居中，永远不会大于原始大小。

如果这些是用户上传的图像，并且您使用的是PHP，请使用getImageSize（）查找图像宽度，然后以编程方式将样式标记添加到图像中。