通过div img类设置图像尺寸与img类相同

Question

试图加快我的网站,我遇到指定图像尺寸,以避免回流和重绘.

如果我有div的图像 <div class="class"> .class img {height: xxxpx; width: xxxpx;}

这与设置尺寸不一样<img class="class"> .class {height: xxxpx; width: xxxpx;}吗？

只是想知道它是否与我在gtmetrix中获取指定图像尺寸警告的方式相同.

Answer 1

是的，是一样的。并且，您可以忽略来自 gtmetrix 的警告。

http://gtmetrix.com/specify-image-dimensions.html

Page Speed 当前仅检测通过图像属性指定的图像尺寸。如果您通过 CSS 指定尺寸，那么您可以安全地忽略此建议。