html - 设置图片标签源的高度

Question

加载包含图片标签的页面时，加载图像时文本会跳跃，因为浏览器不知道图像有多高。如何为每个源指定图像高度？

Answer 1

有 3 种不同的方法可以实现此目的

• 使用 HTML img 高度属性。手动检查图像高度并进行设置。 (不推荐)

• 在每个断点上使用 CSS min-height 属性(更好一点)

• Preload the images using javascript ，然后显示一个动画加载器，它会向下滑动并填充图像高度，直到它淡入。(需要更多工作，但绝对是干净渲染的最佳解决方案)。