Css Firefox样式与导航栏不符

Css Firefox样式与导航栏不符,css,cross-browser,Css,Cross Browser,我在Chrome/Safari和Firefox之间遇到了CSS样式问题。在Chrome和Safari中,隐藏下拉菜单的位置都是正确的,但在Firefox中,subnav菜单关闭了几个像素。在调查了这两款浏览器的检查工具后,Firefox似乎正在使#main_nav_bar ul 10px比Chrome更宽。我遇到的问题是,我不知道如何在不弄乱导航条外观的同时改变这一点 链接是 任何关于修复的建议都将不胜感激。一定要在其中添加doctype。您还可以使用媒体查询将这些浏览器作为目标 chrome和

我在Chrome/Safari和Firefox之间遇到了CSS样式问题。在Chrome和Safari中,隐藏下拉菜单的位置都是正确的,但在Firefox中,subnav菜单关闭了几个像素。在调查了这两款浏览器的检查工具后,Firefox似乎正在使#main_nav_bar ul 10px比Chrome更宽。我遇到的问题是,我不知道如何在不弄乱导航条外观的同时改变这一点

链接是


任何关于修复的建议都将不胜感激。

一定要在其中添加
doctype
。您还可以使用媒体查询将这些浏览器作为目标

chrome和safari示例

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

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

您处于怪癖模式,现代网页永远不应该处于怪癖模式。这有什么原因吗?(不使用doctype)