媒体查询Polyfill性能-IE

Question

我正处于建立网站的早期阶段。我正在查看一些设计元素，这些元素将利用媒体查询在较小的屏幕尺寸下正常工作。

我对此没有任何问题，除了这将是一个 小型地盘 因此，几乎唯一运行在它上面的javascript将是IE和其他浏览器跛行的媒体查询的Polyfill。

这会对性能产生多大影响？有没有进行过适当的测试？

我问，因为我现在在舞台上，如果polyfill影响性能足够，我可以调整设计，所以我不必使用它们，也可以作为未来项目的想法。

奖金问题:
如果我不先使用移动，但最后使用移动，并做 max-width 查询而不是 min, ，我甚至需要一个polyfill。如果页面没有变化，直到它小于500px宽，我真的需要担心IE不会显示它们吗？还是我错过了一些边缘案例？

Answer 1

让我们从你的奖金问题开始。

如果你接近 max-width 媒体查询，我不认为你实际上需要IE8及以下的js解决方案。也就是说，这真的取决于你的网站是什么"突破点".

可能，仍然运行IE7的用户不会拥有1920x1200分辨率的高清屏幕。所以请记住，使一切工作 好吧 对于不涉及媒体查询的800x600屏幕。

就个人而言，我更喜欢一个 min-width 接近，所以我可以 逐步加强 我的网站功能。但它确实取决于您的项目类型/受众。

---

根据 StatCounter的全球统计, 截至2012年9月，仍有14%的用户使用IE8，不到2%的用户使用IE7。

如果您想为这15％（每100个~6个）提供最佳用户体验，那么您可能需要 回应。js的.

我已经在IE7和IE8上使用并测试了它。我没有注意到性能的差异，但我无法在网上找到任何基准测试。

这是由 现代主义 并包含在 html5波板 响应构建，所以我很确定你可以。..相信它;-)