CSS - 跨瀏覽器兼容性=不同的樣式表？

我在設計一個簡單的評論系統時正在學習CSS。我使用firefox（4.0beta13pre如果有人關心）作爲我的主瀏覽器，所以我都用它來測試。CSS - 跨瀏覽器兼容性=不同的樣式表？

使一個小塊看起來與它完美后，我發現一個圖像沒有對齊鉻，並打開Internet Explorer它看起來像完全垃圾。

所以它只是一個難以達到兼容性的問題，還是即使是一個簡單的系統需要不同的樣式表到其他瀏覽器？

謝謝， Fingerman。

2011-02-26 fingerman

對於這樣一個簡單的事情，只需一張樣式表即可完成。它只是需要一些擺弄。你介意發佈一些代碼，我們可以幫忙嗎？ – Emmanuel 2011-02-26 19:50:01

我發現調試跨瀏覽器樣式問題的最佳資源是[quirksmode]（http://www.quirksmode.org/）和[firebug-lite]（http://getfirebug.com/firebuglite）。 – zzzzBov 2011-02-26 20:00:21

是它只是一個嘗試更難實現兼容

部分的事情，是這樣的話。

爲了更好的出發點，請看CSS reset files。這些確保您從所有瀏覽器上的（或多或少）級遊戲場開始，因此實現兼容性更容易。

您可能還需要放入特定的瀏覽器「黑客」和覆蓋，但這實際上取決於您正在嘗試做什麼。

來源

2011-02-26 19:49:37 Oded

@Oded，你*永遠*不需要投入特定的瀏覽器黑客。除非您將IE的條件註釋和特定於供應商的樣式（即-moz-border-radius，-webkit-border-radius，......）視爲「黑客」（它們不是）。 – zzzzBov 2011-02-26 19:58:47

@zzzzBov - 我正在考慮IE 6的CSS bug ... – Oded 2011-02-26 20:00:16

@Oded，那麼你不應該使用「黑客」;你應該使用'<！ - [if IE 6]>在這裏添加IE 6樣式表'來添加IE特定的樣式表。在這一點上，除非僱主有很好的理由需要支持，否則我不會再支持IE6。 – zzzzBov 2011-02-26 20:03:14

是的。這通常是一個難以找到跨瀏覽器/版本的HTML/CSS組合的問題。這是一個主要的痛苦，但這是Web開發人員的生活。

我一定會在爲不同的瀏覽器創建單獨的樣式表之前進行調整。

來源

2011-02-26 19:51:58 JohnFx

正如你在學習CSS，我建議你看看https://github.com/joshuaclayton/blueprint-css/tree/master/blueprint/src。它有ie.css，其中包含與IE有關的黑客攻擊。它也包含reset.css。從本質上講，它會幫助你開始。稍後，您可以製作自定義的CSS樣式表。

來源

2011-02-27 10:31:10

CSS - 跨瀏覽器兼容性=不同的樣式表？

回答

相關問題