html - 站点菜单在 Windows 上的所有浏览器上看起来都不错，但在 Mac OS 上就坏了

Question

我以前从未遇到过这个问题。

该菜单在 Windows 上看起来不错，但在 Mac OS 上的 Firefox、Chrome 和 Safari 中却出现问题(使用浏览器截图看到了这一点)。我无权访问 mac，因此无法正确调试它。我认为这可能是由不同的字母间距或大小引起的。有没有人有这方面的经验？

谢谢!

Answer 1

我正在 Mac 上的 Firefox 中查看网站，看起来带有 id="wrapper"的 div 的长度不足以包含菜单。

要么将 div#wrapper 增加到 960px:

#wrapper {
margin:0 auto;
width:980px;
}

或将菜单字体的大小减小到 16px:

#mainMenu ul li a {
background:url("images/bk_menu.gif") repeat-x scroll 0 0 transparent;
color:#175689;
display:inline-block;
font-size:16px;
height:30px;
overflow:hidden;
padding:16px 19px 0;
text-decoration:none;
}