Modernizr,html5shiv,ie7.js和CSS3 Pie四者要使用哪个和什么时候使用他们?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (49)

我刚刚开始在我的文档中使用HTML5和CSS3。需要JavaScript来通过这些新标签和样式加快Internet Explorer的速度,但我不知道在何时使用以及何时使用他们!

我的计划是使用html5shiv和IE9.js来关注HTML5标签以及透明PNG(以及他们修复的任何其他讨厌的错误),但是随后Modernizr和CSS3 Pie引起了我的注意。

我的问题是,如果我使用Modernizr,是否照顾我需要html5shiv以及IE9.js?或者我应该包括这些吗?

那么CSS3 Pie做Modernizr或其他不会做什么?

提问于
用户回答回答于

Modernizr

包含HTML5shiv功能还有很多其他功能 - 如果不使用其他功能,那么请不要使用它,它会减慢页面加载速度,但如果shiv需要它也是值得的!

HTML5shiv

非常小,只是修复IE中的html5元素,没有别的。

CSS3PIE

允许在旧版本的IE中使用边框半径,渐变和框阴影。也可以允许在IE 6中使用PNG。为页面加载增加了明显的延迟。

ie7.js(和ie9.js)

给许多CSS3选择器,最小和最大宽度,多个类和固定位置。如果你喜欢,也可以有一个PNG修复。似乎并没有变得缓慢。

结论

我的建议分为两类:

如果你只是使用新的(在互联网上是新的2年)元素和CSS3选择器,然后使用ie9.js + html5shiv。这是轻量级的,只是让你继续做事,而不必记住IE6不支持任何东西。

如果你使用了很多CSS3的东西,那么CSS3PIE将会排除border-radius和box-shadow。渐变支持看起来有点片状,所以我一直使用后备图像。Modernizr可让您轻松地为不同支持的浏览器提供不同的属性。我主要使用它来确定浏览器是否具有CSS转换和转换,因为它们对于任何图像滑块或内容轮播都很有用。值得使用自定义工具只包含你想要的功能 - webforms的东西显示了一个包含50个文本框的文本框几毫秒,所以如果你不需要,它是值得关闭的。

用户回答回答于

我建议你只使用你需要的东西。在支持您正在使用的功能的浏览器中构建应用程序,并定期在支持的其他浏览器中进行测试。如果某些功能无法正常工作,请找到相应的修复程序,无论是html5shiv,IE9.js,Modernizr还是CSS3 Pie。不打算在一个页面中全部使用HTML5和CSS3中的所有新功能,因此不需要包含每个polyfill库。等到发现尝试使用的功能出现问题时,然后尝试找到执行此操作所必需的库。

所属标签

可能回答问题的人

  • uncle_light

    5 粉丝518 提问8 回答
  • 嗨喽你好

    7 粉丝480 提问8 回答
  • 无聊至极

    4 粉丝504 提问6 回答
  • 人生的旅途

    10 粉丝484 提问6 回答

扫码关注云+社区

领取腾讯云代金券