为<img>标签设置高度和宽度值是一般的最佳实践，以便它更快地呈现，但为什么会这样呢？
问问题
258 次
2 回答
4
因为如果你指定了宽高，浏览器可以在下载图片之前保留那个空间，继续解析下面的html。然后，当下载图像时，它会填充该空间。
如果你不这样做，浏览器不知道应该预先保留多少空间。然后，下载图像时需要移动图像下方的 html 元素。
于 2013-08-10T01:45:21.177 回答
1
为所有图像指定宽度和高度可以通过消除不必要的回流和重绘来加快渲染速度。
当浏览器布置页面时，它需要能够围绕可替换元素（例如图像）流动。它甚至可以在下载图像之前开始渲染页面，前提是它知道包裹不可替换元素的尺寸。如果包含文档中没有指定尺寸，或者指定的尺寸与实际图像的尺寸不匹配，则浏览器将在下载图像后要求重排和重绘。要防止重排，请在 HTML 标记或 CSS 中指定所有图像的宽度和高度。
于 2013-08-10T01:47:31.080 回答