在我正在处理的网站上,我在主要浏览器上看到的内容几乎相同(查看Chrome,Safari和Firefox)。
导航项目除了令人讨厌的1px间隙外,所有内容都很明显,有效项目(背景填充时)明显。
您可以在此处访问该网站:http://lumbre.breadadams.com/
这就是我所说的差距
我已经与多个元素(nav,ul等)的height
,line-height
,padding
等混淆了,但似乎没有什么可行的。
但是,如果我将font-size
从1.2em
增加到1.3em
,那么它就适合,但它不适用于Chrome。一次增加字体0.1
使其在Chrome和Firefox之间基本适应。
答案 0 :(得分:1)
#navigation-container #main-nav ul > li.menu-item-has-children > a::after {
content: "";
font-family: FontAwesome;
margin-left: 4px;
position: absolute;
}
这是你的回答amigo!
只需添加position: absolute;
它是需要绝对位置的:after
(小图标)。它会造成一些上层空间,但是当你给它一个绝对的位置时,一切都很好我的朋友!