页面加载图片，布局抖动的解决办法

现象

当在页面中不指定img的width,height属性值时，常会出现页面布局的抖动现象。

原因

在未设置img的width,height属性值时，浏览器无法了解图像的尺寸，也就无法为图像保留合适的空间，因此当图像加载时，页面的布局就会发生变化。

代码

 

建议

要养成为图像指定 height 和 width 属性的好习惯。同时不建议通过 height 和 width 属性来缩放图像。具体原因可参考：HTML <img> 标签的 height 和 width 属性