1px在絕對定位上的差異（Chrome/FF）

我正在處理的網站（評論中的網址）與菜單有問題。如果#nav的bottom屬性設置爲2px，但在Chrome和IE中看起來不好，它在Chrome中看起來沒問題。如果我將它設置爲3px，則在FF和IE中看起來不錯，但在Chrome中很糟糕。1px在絕對定位上的差異（Chrome/FF）

爲什麼會發生這種情況？我該如何解決它？

您是否嘗試過CSS重置？ – Raver0124

爲Chrome/Safari中使用破解

@media screen and (-webkit-min-device-pixel-ratio:0) { 
#nav { bottom: 2px !important; } 
}

會爲你工作

2013-06-26 06:21:21 Raza

黑客？：/但我想也許這是必要的。如果沒有人發佈更好的東西，我會接受。 – stackunderflow

是啊這些被稱爲瀏覽器黑客，檢查http://www.paulirish.com/2009/browser-specific-css-hacks – Raza

是的，我只是不喜歡使用它們:) – stackunderflow

瀏覽器@media黑客是一個解決方案，但是當你需要跨瀏覽器兼容，你應該使用CSS復位，因爲所有瀏覽器有他們的默認樣式。必須在所有自定義樣式之前將其放入style.css文件中，或者在自己的樣式之前包含cssreset.css文件。

2013-06-26 06:34:43 Allyanora

ü可以使用jQuery使用瀏覽器檢測和設置底部value.and保持默認值3px的。

if ($.browser.webkit) { 
    $("#nav").css('bottom','2px'); 
    }

2013-06-26 06:37:42

回答