页面加载时页面看起来很乱，然后在Refresh上看起来很好吗？

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 。 如果您确保在float: right规则之前应用pull-right规则（即类display: table），则应该没问题。

Answer 2

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