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

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

只需不设置图像的

宽度，只设置
最大宽度

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

（
height:auto
并不是必须的，因为
auto
是默认设置，但我把它放在那里是为了提醒自己，我希望图像具有自然的比例。）

此代码段有两个框，一个比图像小，一个比图像大。如您所见，较小框中的图像缩小，而较大框中的图像具有正常大小


div{边框：2px绿色；边距：6px 0}
.box1{宽度：100px；高度：70px；}
.box2{宽度：200px；高度：100px；}
img{最大宽度：100%；高度：自动}
您可以在图像本身的样式标记中设置图像的最大宽度。
然后在样式表中，将显示类型设置为“块”，宽度设置为所需容器的任何百分比，高度设置为“自动”。然后再加上边距：0px自动，它应该完全居中，永远不会比原来的尺寸大

如果这些是用户上传的图像，并且您使用的是PHP，请使用getImageSize（）查找图像宽度，并以编程方式将样式标记添加到图像中
 图像自然应该是它的大小。您是否也将图像宽度设置为100？不，您不能。CSS无法知道随机图像的实际大小。您需要javascript来检测图像大小并缩放图像。如果有人（像我一样）想知道如何覆盖继承的宽度设置，只需在将分配给图像的新类中添加width:auto。这会将最大宽度设置为容器的大小，而不是图像的原始（或自然）大小。@Tom没错，根据OP问题中的条件。你有不同的场景吗？在这种情况下，最好问一个新问题。我不是这样理解OPs要求的。他要求它不要超过原始/自然尺寸，而不要超过容器。@MrLister max width as percentage将最大宽度定义为包含块宽度的百分比