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

回答

相关问题