javascript - 页面加载时图像显示不成比例

标签 javascript html css

我有一个包含几张图片的页面,我使用 css 设置这些图片的大小并且效果很好,但是当页面加载几毫秒时,图片显示不成比例,看起来很难看。我相信它们在将 css 应用到它们当前的尺寸之前就已经显示出来了。是否可以更正此问题?

加载页面时(它持续几毫秒但看起来不太好):

enter image description here

一旦页面加载并应用了 css: enter image description here

最佳答案

HTML 页面从上到下呈现。在标题上添加样式会将所有可用样式应用于正文元素。

在body底部添加样式会先渲染HTML标签,然后加载样式表,然后再渲染ui应用样式

关于javascript - 页面加载时图像显示不成比例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51064337/

相关文章:

javascript - 滚动计数器递增 1

javascript - jQuery 在 iframe 中查找元素不起作用

javascript - 使元素随着鼠标移动而移动

javascript - 如何将功能分配给谷歌脚本中的按钮

javascript - 有效的正则表达式特定名称模式

php - 如何使用ajax将输入文件数据值发送到php页面

php - 从偏态正态分布生成随机数

javascript - 如何将位置对齐到 3 个部分,上 - 中和下?

html - 图像 srcset 大小

javascript - 不同行的光标大小不同