爲什麼我的網站在每個瀏覽器上看起來都不一樣？

-1

的標誌是由在「CIRCLE1」等div標籤在相同的HTML部分。它不會顯示在jsfiddle上，它在每個瀏覽器上看起來都不一樣。

在Chrome =顯示所有火狐=無標識節目和下輸入欄下方的文本比較大在Safari =沒有任何標識顯示

我能做些什麼？

2011-11-26 James

檢查[此問題]（http://stackoverflow.com/questions/7131101/website-doesnt-show-up-correctly-in-ie-fine-in-mozilla-chrome-safari-etc/7131171#7131171 ） –

歡迎來到令人興奮的網頁開發世界:) –

這就是所謂的，嗯......歡迎來到野生的野生世界的網絡。每個瀏覽器供應商都以不同的方式解析html/css/javascript。有些是寬鬆的，有些是嚴格的。（Chrome Vs. Opera）。一些有不同的Box模型，一些有標準的操作行爲，一些傾向於做自己的事情。（Opera對IE6）
對不同渲染的回答：你必須尋找每一個小怪癖。逐個。歡迎。

來源

2011-11-26 14:22:24

啊我期待着它...這裏是我的網站weezy.co.uk 其完美的鉻，但其他一切都沒有運行這一切 – James

這主要是因爲您正在使用代碼與一個瀏覽器一起工作。不同的瀏覽器使用不同的代碼渲染器。很難讓所有東西看起來都一樣，即使是Internet Explorer是最糟糕的，其他瀏覽器也有不同的功能。 Opera擁有絕大多數的HTML5表單功能，迄今爲止沒有其他瀏覽器支持，但Chrome和Firefox支持大部分HTML5屬性。希望這有助於理解爲什麼。

來源

2011-11-26 14:28:44 Tusk

所以有一個網站，可以幫助我例如使我的css形狀與Internet Explorer/safari/firefox兼容。也沒有顯示的網站的一部分只是文字...爲什麼沒有顯示？它只是文本。 – James

不，沒有簡單的方法，你必須學習很多東西，才能定位，顯示，按照它看起來的樣式對CSS進行排序*在每個瀏覽器中幾乎相同。另外一個好的開始是包括[Eric Meyer Reset CSS]（http://meyerweb.com/eric/tools/css/reset/）或使用[Boilerplate]（http://html5boilerplate.com/）作爲現場設計開始。 – Tusk

如果你打算做大量的css3轉換，你需要調整舊版瀏覽器的樣式。

IE 6,7和8只是沒有能力閱讀這些樣式。

即使在Firefox上，根據版本的不同，由於渲染引擎與Chrome（和Safari）不同，您將遇到各種間距問題。

對於在較老的IE瀏覽器中使用html5和css3，您可以（謹慎地）使用polyfills，它使用javascript複製效果。你可以看到可用polyfills列表在這裏： https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills

怪異模式是用於檢查兼容性很好的資源：http://www.quirksmode.org/compatibility.html

我會強烈建議螢火附加爲Firefox上看到額外的間距，等等正在發生。

當您遇到特定瀏覽器的特定問題時，您無法在此處發佈問題。幫助一個bug比一般的瀏覽器問題更容易。

來源

2011-11-26 14:37:34

爲什麼我的網站在每個瀏覽器上看起來都不一樣？

回答

相關問題