页面加载时看起来很混乱，然后在刷新时看起来很好

Question

当我在新选项卡中访问我的网站时，导航栏高度是其应大小的两倍。然后，如果我刷新，它看起来不错。知道如何解决它吗？

我的网站 www.preciseos.com，当你去那里时，请查看顶部的白色导航栏并刷新。您将看到问题。

奥兹

Answer 1

问题来自元素<div class="social-icons hover-big pull-right">，更具体地说来自这两个 CSS 类：

.social-icons {
    display: table
}

和

.pull-right {
    float: right
}

在Chrome DevTools中，如果我禁用这两个类，我可以复制该错误，然后按此特定顺序social-icons和pull-right应用类。如果确保在display: table规则之前应用float: right规则（即类pull-right），则应该没问题。

Answer 2

您对jquery-1.10.2.min.map有问题。它具有300状态，在服务器上找不到。检查一下，然后就可以了。