我做了一个小画廊（http://www.kongeboa.dk/billeder/3/Coco/） 如果您刷新，并选择查看实际图像下方的其他缩略图之一，您将看到图像随机调整大小... 我在图片标签上的宽度设置为100％ 我确信，所有图像的大小都是460px，以填充设计的宽度。 查看完所有缩略图后，大图显示正确的大小（460像素）
问题出现在Safari和Chrome中。 OSX和Windows。
我不知道为什么会这样，我不知道如何调试它......
答案 0 :(得分：4)
简而言之：从'.image'样式中删除float: left;。
由于'.image'样式使包含图像的div浮动，因此100％相对于div的大小适合图像的大小，因此您可能会在不同的浏览器中获得可变结果。如果从“.image”样式中删除float: left;，它将填充100％的宽度，图像将依次适合其宽度的100％，并且一切都应该是宏伟的。
答案 1 :(得分：2)
您应该从float: left删除.image。
这是width="100%"的某种组合的某种WebKit错误，float: left的收缩包装行为和图像缓存。
Live Demo - （在Chrome中查看，您会看到图片为全宽）
答案 2 :(得分：0)
如果你知道他们的宽度都是460px，为什么不设置width="460"？据我所知，img.width的百分比不是HTML规范的一部分。
如果你想确保图像总是填充其容器，那么你想要的是CSS样式width:100%。
答案 3 :(得分：0)
我试一试......
从img-tag中删除width="100%"，然后从.img类中删除width:100%;。不确定该解决方案是否适合您？