图片加载过程中的占位防止塌陷

Posted by Shen Chaoran on August 23, 2018

几种解决办法:

图片容器的 padding-bottom 设置为 100%

伪元素中设置背景为默认加载的图片

setInterval 获取图片的宽高

在 img 的 onload 事件触发之前,也就是图片完全加载出来之前,其实浏览器已经获取了图片的头信息,包含有宽高,所以可以 setInterval 获取宽高,拿到后再 clearInterval。

参考