gtmetrix在响应性网站布局中指定图像尺寸。

Question

我在gtmetrix上得到了一个F，用于“指定图像尺寸”。我的网站有css处理所有宽度和高度的，以便它可以在各种设备上作出响应。如果我在html中指定了维度，那么我就无法调整它们。

有办法克服这个gtmetrix错误吗？我正在考虑使用JS删除html部分width="" height=""。

Answer 1

不要使用宽度和高度规格来缩放图片。如果图像文件实际上是60×60像素，不要在HTML或CSS中将尺寸设置为30×30。如果图像需要变小，请在图像编辑器中缩放，并将其尺寸设置为匹配(有关详细信息，请参阅优化图像)。

确保设置元素本身或块级父级的维度。如果父级不是块级，则将忽略维度。不要在不是直系亲属的祖先上设置维度。