HTML5工作在谷歌Chrome，但在Mozilla Firefox或Internet Explorer

我建立使用所有HTML5代碼的網站，並在Chrome中打開很大，但沒有在IE或Firefox瀏覽器，只是簡單的文本渲染。HTML5工作在谷歌Chrome，但在Mozilla Firefox或Internet Explorer

我怎樣才能讓我的其他瀏覽器代碼的工作，我已經嘗試了谷歌的Shiv但由於某種原因它不是爲我工作。請幫助

http://jsbin.com/welcome/48211/edit

下面是現場的代碼，如果任何人都可以去那裏幫我看看，我在做什麼錯。

來源

2012-11-13 gcatalyst

發佈鏈接到現場演示。 – duri

我是新來的。如何做一個鏈接到現場演示？非常感謝 – gcatalyst

使用jsbin.com或類似的服務。 – duri

你有沒有在你的CSS做復位，復位允許你控制你的網站的每一個部分。正如你的具體要求的格式一樣。重置你的CSS不僅可以讓你爲你的網站創建一個樣式，但它可以用來創建任何/大多數瀏覽器的起點。即通過重置。復位的例子有：

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    font-weight: inherit; 
    font-style: inherit; 
    font-size: 100%; 
    font-family: inherit; 
    vertical-align: baseline; 
}

有很多資源在那裏，覆蓋IE和其他瀏覽器的許多錯誤。您需要嘗試通過重置您的css來減少它們。

以下是有用的資源幾個環節：

MEYER WEB IE RESET CSS

ULTIMATE IE BUGS - VIRTUOSI

SIX REVISIONS - CSS RESETS

我希望這有助於。祝你好運。

來源

2012-11-13 17:57:34 cwiggo

嗨，我確實有一個重置代碼，但它沒有幫助。該網站仍然看起來不變IE和火狐 – gcatalyst

HTML 5和CSS3實現瀏覽器之間不同，並且不完全支持在IE和Firefox標準。對於您的用戶羣，Chromeframe可能是一個簡單的解決方法，因爲webkit的標準實現是您目前獲得的最好的：http://www.google.com/chromeframe。此外，這裏有一個漂亮的瀏覽器比較圖表：http://html5readiness.com/

來源

2012-11-13 19:55:18 RhinoWalrus

謝謝。我明白那個。但是我想知道如何讓我的代碼在所有瀏覽器中都能很好地運行。 – gcatalyst

我建立使用所有HTML5代碼的網站，它在打開Chrome瀏覽器不錯，但沒有在IE或Firefox瀏覽器，只是簡單的文本渲染。

您可能要檢查CSS是否正確裝入。

，您直接從文件系統打開它？如果是這樣，在IE中可以按F12打開內置的開發工具來檢查樣式是否正在加載。在Firefox中使用Firebug插件檢查相同。

來源

2012-11-13 21:47:30 Neps

HTML5工作在谷歌Chrome，但在Mozilla Firefox或Internet Explorer

回答

相關問題