我在一个有很多图片的摄影网站上工作，它们没有固定的高度和宽度，因为我希望这个网站 100% 流畅:你如何解决丑陋的 Chrome 重绘图片问题？ (即图像首先以零高度显示，然后在整个布局中移动到最终大小)
我几乎尝试了所有方法，最后一个选择是用黑色 div 隐藏图像重绘，然后在图像加载完成后将其不透明度设置为 0(顺便说一句，我已经用(文档)尝试过这个。准备就绪，但似乎还为时过早:你会怎么做？)
最佳答案
指定图像的高度和宽度属性/尺寸。
<img src="img.jpg" width="125" height="60" alt="My First Photograph ever">
这有助于浏览器避免第二次通过布局您的页面，它也优化了页面加载! :)
关于css - Chrome 中的流体图像 : how to avoid repaint?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8165692/