2012-04-14 36 views
1

我正在用HTML5构建一个响应式设计。 起初我使用Modernizr和HTML5 Boilerplate的CSS重置,但当然html5元素的类和id没有被IE识别< 9.Modernizr + html5shiv VS ie9.js

因此我最需要的是完全支持html5元素,最好是对于“最大宽度”的图像来说,这是一个很好的显示回退功能,而不使用CSS黑客。

我应该关注哪些选项?

  1. 包括html5shiv和ie9.js与条件注释
  2. 仅包括ie9.js对于所有浏览器
  3. 忘掉ie9.js

非常感谢!

+0

[HTML5shiv vs Dean Edwards IE7-js vs Modernizr - 选择哪个可能的重复?](http://stackoverflow.com/questions/3855294/html5shiv-vs-dean-edwards-ie7-js-vs-modernizr - 这是选择) – Spudley 2013-04-23 10:43:08

回答

4

html5shiv和ie9.js做完全不同的事情。 html5shiv解决了旧版Internet Explorer中的一个错误,其中任意元素(例如HTML5引入的那些浏览器早期版本)不能通过CSS进行样式化。 ie9.js尝试修复旧版IE中的某些渲染错误,并添加对较新CSS3功能的支持。的其中之一,包括这个问题归结到你的意思是什么:

对HTML5元素

你需要使用这些内容,并支持老版本的IE浏览器的全面支持?然后你需要html5shiv。你需要使用CSS3属性和选择器吗?那么你会想要ie9.js.包括ie9.js仅仅为max-width添加支持并不是一个好主意。


还有一件事:

仅包括ie9.js对于所有浏览器

不应该是一种选择 - 这样做将您的网页上的其他浏览器的性能只产生不利影响。

+0

对不起,打扰你的东西如此无关,但你可以看看这个? http://meta.pt.stackoverflow.com/q/5175/132 – 2016-07-20 20:33:34

+0

@victor对不起,我不会说葡萄牙语。您可以在http://stackapps.com/questions/2049/elections-statistics-page-for-stack-exchange-sites上发布答案,我们会研究它 – 2016-07-20 22:59:17

0

Modernizr包含shiv代码以将新标签添加到IE < 9.确保在其他JavaScript链接/代码之前将链接添加到头部。

从HTML5BoilerPlate提供的index.html和其他文件的文件刚开始并添加您的代码。