我在 Chrome/Safari 和 Firefox 之间遇到 CSS 样式问题。在 Chrome 和 Safari 中,隐藏的下拉菜单位置正确,但在 Firefox 中,子导航菜单偏离了几个像素。在使用两种浏览器的检查工具调查问题后,Firefox 似乎使#main_nav_bar ul 10px 比 Chrome 宽。我遇到的问题是我不确定如何在不弄乱导航栏外观的情况下更改它。
链接是http://www.tamidgroup.org .
非常感谢任何关于修复的建议。
最佳答案
一定要在里面添加一个doctype
。您还可以使用媒体查询来定位这些浏览器。
chrome 和 safari 的例子
@media screen and (-webkit-min-device-pixel-ratio:0){
//add your browser specific code here
}
这样您就可以针对从一个浏览器看到的特定问题定位到另一个浏览器。
关于css - Firefox 样式与导航栏不一致,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12569898/