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

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，在服务器上找不到。看看这个就OK了。