Chrome - CSS - 额外空间
任何人都可以看看这个模板,并解释为什么只有在Chrome浏览器中,它会在页面顶部添加大量额外空间吗?Chrome - CSS - 额外空间
https://html5up.net/uploads/demos/verti
更新:
其实,我只是发现,当我登录到我的工作,谷歌帐户(在浏览器作为一个整体),它增加了额外的间距在顶部。当我只是通常使用Chrome(访客模式)时,它不会在顶部添加额外的空间。全部在我家的同一台计算机上。取决于我是否登录了不同的结果。有没有对此的解释?
填充为#header-wrapper
元素,具有以下CSS(main.css - 第1839行)。这相当于在Chrome浏览器padding-top: 66px
...
#header-wrapper {
padding: 4.5em 0 1em 0;
padding-top: 4.5em;
padding-right: 0px;
padding-bottom: 1em;
padding-left: 0px;
}
这将是简单的删除或覆盖,如果你需要...例如
#header-wrapper {
padding-top: 10px !important;
}
你有没有看到我的附加信息,我刚刚添加了不同的结果取决于如果我登录Chrome还是不行?我很困惑! – Cooper
我看了一下Firefox,它实际上有一个“72px”的顶部(相同的CSS)。您可能需要熟悉浏览器的开发人员工具 - 取出相当容易。 –
如下所述 - 教你自己使用浏览器的开发者工具。这会告诉你哪个CSS是“活动的”。很可能您的作品的Google帐户已应用自定义CSS样式......但这不是我们能够为您确认的内容。 –
有趣。谢谢! – Cooper
尝试使用CSS重置太像[normalize.css](http://necolas.github.io/normalize.css/) –