Img设置为max-width:100%发布大于实际图像大小？

这让我疯狂.在我的CSS中是这段代码

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

但是当我将图像上传到200x200的博客文章时

然后预览博客文章,它将在798x798发布,基本上是博客页面的全宽.我可以让它以正确的尺寸显示的唯一方法是手动将"width:200px"改为"max-width:200px",但每次都必须要做到这一点!我究竟做错了什么？

谢谢!吕贝卡

max-width: 100%

百分比值将引用img-element所在容器的宽度,而不是图片本身!

例:

因此,如果容器的宽度为500px,则img-element的最大宽度也为500px

您可以使用JavaScript和image.onload事件设置适合图像的自定义最大宽度: