我使用哪些CSS代碼使網站在不同的瀏覽器中呈現？

常見的東西的人絆倒在：

花車

定位

的Box Model

如果您在一個瀏覽器（並且該瀏覽器不是IE）中有問題，但它在另一個瀏覽器中有效，則可能是（但不是總是），您在某處出錯。在進行任何調試嘗試之前，始終，首先需要總是validate your html。很多「CSS問題」實際上是不同瀏覽器以不同方式響應的HTML問題。

，然後有這個網站，我已經在過去發現的有用：

http://dowebsitesneedtolookexactlythesameineverybrowser.com/

來源

2011-05-14 23:06:17

真的很想強調驗證HTML的部分。 ***在查看你的CSS問題之前，總是先驗證100％（直到你得到大拇指）。很多人在這裏發佈關於CSS問題的文章時，他們確實有數百個HTML錯誤阻礙了我們的發展。 – 2011-05-14 23:25:51

我使用的方法是寫我的網站的CSS，只有在谷歌Chrome瀏覽器測試。你也可以使用Firefox 4。我使用這些瀏覽器的原因是，如果我的CSS看起來不錯，我很確定它符合標準，並且隨着新的瀏覽器出現，很有可能看起來很好。

然後，我看看我的網站在IE瀏覽器。幸好，你現在不必擔心IE6了。幾乎每個人都忽略它。所以你必須考慮你的觀衆。你認爲他們中的大多數會使用IE9或IE8嗎？如果你對IE9沒有問題，那麼幾乎可以確定你的網站沒有任何修改，因爲它是一個非常符合標準的瀏覽器。如果你需要IE8的兼容性，那麼添加另一個CSS樣式表，使它只顯示在瀏覽器是IE的情況下。您的代碼應該是這樣的：

<head> 
    <link rel="stylesheet" type="text/css" href="your-main-style.css" /> 
    <!--[if lte IE 8]> 
     <link rel="stylesheet" type="text/css" href="ie8-and-down.css" /> 
    <![endif]--> 
</head>

所以，現在你可以把在樣式表的任何樣式的修復，而無需在主樣式傷害的風格。保持這個最低限度，這樣很容易維護。另外，如果它只是一個讓你玩得開心的網站，那就選一個你喜歡的瀏覽器，並確保它在那裏工作。然後在底部寫一條消息，說明瀏覽器最適合您的網站。

來源

2011-05-14 23:06:47 Milimetric

我只希望那是真的。看看我維護的網站（非技術受衆，每月數百萬次的瀏覽量）的統計數據，IE6仍然在3.5％左右，IE7幾乎不好，達到17％。因此，這幾乎是我們流量的1/5，它使用的瀏覽器會遇到符合標準的CSS問題。 – 2011-05-14 23:11:41

是的，那個樣式表也適用於他們。我認爲這是他的一個愛好網站，所以這些小百分比沒有多大意義。 – Milimetric 2011-05-14 23:14:20

當你以此爲生時，只需要一個人使用IE6/7破壞你的一天：客戶端。呃，這只是上週發生在我身上，我重新學習了IE7僵化的z-index渲染的樂趣... – 2011-05-14 23:22:52

嘗試有條件的樣式表/黑客：http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

來源

2011-05-14 23:08:37 bender

我使用哪些CSS代碼使網站在不同的瀏覽器中呈現？

回答

相關問題