我正处于构建站点的早期阶段。我正在研究一些设计元素，这些元素可以利用媒体查询在较小的屏幕尺寸下正常工作。
我对此没有问题，只是这将是一个小网站，因此它上运行的几乎唯一的javascript将是用于IE和其他跛行浏览器的媒体查询的Polyfill。
这将对性能产生多大影响？是否进行了适当的测试？
我之所以这么问，是因为我现在正处于这样一个阶段，如果polyfill对性能的影响足够大，我可以调整设计，这样我就不必使用它们，也可以作为未来项目的一个想法。
额外问题：
如果我不先使用mobile，但最后使用mobile并且执行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人)提供最佳的用户体验，那么你可能需要response.js.
我已经在IE7和IE8上使用并测试了它。我没有注意到性能上的差异，但我在网上找不到任何基准测试。
它是Modernizr推荐的，并包含在html5boilerplate响应构建中，所以我相信你可以。。。信任它；-)