css - Firefox 与导航栏的样式差异

Question

我在 Chrome/Safari 和 Firefox 之间遇到了 CSS 样式问题。在 Chrome 和 Safari 中，隐藏的下拉菜单位置正确，但在 Firefox 中，子导航菜单偏离了几个像素。在使用两种浏览器的检查工具调查问题后，似乎 Firefox 使 #main_nav_bar ul 比 Chrome 宽 10px。我遇到的问题是我不确定如何在不弄乱导航栏外观的情况下进行更改。

链接是http://www.tamidgroup.org。

非常感谢任何有关修复的建议。

Answer 1

一定要doctype在里面加一个。您还可以使用媒体查询定位这些浏览器。

chrome 和 safari 的示例

@media screen and (-webkit-min-device-pixel-ratio:0){
   //add your browser specific code here
}

这样，您就可以针对从一个浏览器到另一个浏览器看到的特定问题。