我正在处理的网站（评论中的网址）存在菜单问题。如果bottom的{{1}}属性设置为#nav，则在Chrome中看起来不错，但在FF和IE中看起来很糟糕。如果我将其设置为2px，它在FF和IE中看起来很好，但在Chrome中却很糟糕。
为什么会这样？我该如何解决？
答案 0 :(得分：3)
用于Chrome / safari使用黑客
@media screen and (-webkit-min-device-pixel-ratio:0) {
#nav { bottom: 2px !important; }
}
将为您效劳
答案 1 :(得分：0)
浏览器@media黑客是一种解决方案，但是当您需要跨浏览器兼容性时，您应该使用CSS重置，因为所有浏览器都有其默认样式。必须在所有自定义样式之前将其放在style.css文件中，或者在自己的样式之前包含cssreset.css文件。
您可以在此处找到css重置：http://meyerweb.com/eric/tools/css/reset/
答案 2 :(得分：0)
你可以使用jquery使用浏览器检测并设置最低值。并将默认值保持为3px。
if ($.browser.webkit) {
$("#nav").css('bottom','2px');
}