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

时间：2018-06-27 13:41:20

标签： javascript html css

我的页面上有几张图像，我使用CSS来设置这些图像的大小，并且效果很好，但是当页面加载几毫秒后，图像显示不成比例，看起来很难看。我相信他们会在将CSS应用于当前大小之前显示出来。是否可以纠正此问题？

加载页面时（持续了几毫秒，但看起来并不好）：

enter image description here

页面加载并应用CSS之后： enter image description here

4 个答案:

答案 0 :(得分：2)

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

在主体底部添加样式将首先呈现HTML标签，然后加载样式表，然后再次呈现ui以应用样式

答案 1 :(得分：0)

通过将样式表放在HTML的标头中，确保尽早加载样式表。

答案 2 :(得分：0)

我相信向<head>添加样式表可以解决您的问题。他们加载得太迟了。

答案 3 :(得分：0)

3个选项：

  1. 在标题中添加样式
  2. 添加页面加载器
  3. 页面加载器+隐藏内容，直到加载jquery, hide content until loaded
相关问题
最新问题