我正处于建立网站的早期阶段。我正在研究一些可以利用媒体查询在较小屏幕尺寸下正常工作的设计元素。
我对此没有任何问题，除了这将是一个小站点，因此几乎唯一在其上运行的 javascript 将是用于 IE 和其他浏览器的媒体查询的 Polyfill。
这会对性能产生多大影响？是否进行了任何适当的测试？
我问是因为我现在处于阶段，如果 polyfill 对性能的影响足够大，我可以调整设计，这样我就不必使用它们，也可以作为未来项目的想法。
奖励问题：
如果我不首先使用移动设备，而是最后使用移动设备，并且进行max-width查询而不是查询min，我什至需要一个 polyfill。如果页面在宽度小于 500 像素之前没有任何变化，我真的需要担心 IE 不显示它们吗？还是我错过了一些边缘情况？
让我们从你的奖金问题开始。
如果您使用max-width媒体查询，我认为您实际上不需要 IE8 及以下版本的 js 解决方案。也就是说，这实际上取决于您的网站“断点”是什么。
可能仍在运行 IE7 的用户不会拥有 1920x1200 分辨率的高清屏幕。所以请记住，在不涉及媒体查询的情况下，让一切都适用于800x600 屏幕。
就个人而言，我更喜欢一种min-width方法，因此我可以逐步增强我的网站功能。但这实际上取决于您的项目类型/受众。
根据StatCounter 的全球统计数据，截至 2012 年 9 月，约 14% 的用户仍在使用 IE8，只有不到 2% 的用户使用 IE7。
如果您想为这 15%（每 100 个约 6 个）提供最佳用户体验，那么您可能需要respond.js。
我已经在 IE7 和 IE8 上使用并测试过它。我没有注意到性能上的差异，但我在网上找不到任何基准测试。
Modernizr推荐并包含在html5boilerplate响应式构建中，所以我很确定你可以......相信它;-)