相关疑难解决方法(0)

指定图像高度和宽度的"正确"语义方式是什么？在CSS ...

width:15px;

或内联......

<img width="15"

？

CSS似乎是放置视觉信息的正确位置.另一方面,很少有人认为图像"src"不应该被指定为属性,并且高度/宽度看起来像二进制图像数据那样与"src"相关联.

(是的,我从技术的,最终用户的角度来看,这无关紧要.)

我对reflow + repaint之间的区别有点不清楚(如果有什么不同的话)

似乎reflow可能会改变各种DOM元素的位置,其中重绘只是渲染一个新对象.例如,在移除元素时会发生重排,并且在更改其颜色时会发生重新绘制.

这是真的？

我在这里找到了一个类似的问题,答案是:" 你应该总是在图像标签中定义宽度和高度." 但是从2009年开始.

与此同时,许多事情在前端发生了变化.我们现在都在进行响应式页面设计,同时针对许多设备和尺寸(移动设备,平板电脑,台式机......).

所以,我想知道是否仍然需要指定宽度和高度属性,以及出于什么原因(对于响应,页面速度,SEO ......)？

我正在尝试针对SEO优化我的图片。

Page Speed当前仅检测通过图像属性指定的图像尺寸。

根据上面的行我应该使用width与height图像标记属性对于提高速度。但是我也必须响应该站点，例如我有一个具有以下宽度和高度的图像。

屏幕尺寸960像素

<img src="" width="250" height="250" />

那我将如何在小屏幕上调整图像大小？

屏幕尺寸480像素

<img src="" width="250" height="250" />

如果我在小屏幕上添加一个ID或用于调整大小的类，它将是正确的方法吗？

.reduceSize{
   width:150px;
   height:150px;
}

请指导我，我错了或有其他建议。同样在图像标签中，width和height属性对于站点速度是必需的吗？