我正處於構建網站的初期階段。我正在研究一些可以利用媒體查詢在小屏幕尺寸下正常工作的設計元素。媒體查詢填充性能 - IE
我沒有問題，除了這將是一個小網站，因此幾乎唯一的JavaScript上運行它將是一個Polyfill媒體查詢IE瀏覽器和其他沿瀏覽器跛行。
這會影響性能多少？是否有任何適當的測試已經運行？
我問，因爲我現在在舞臺上，如果填充物影響性能足夠，我可以調整設計，所以我不必使用它們，也可以作爲未來項目的想法。
獎勵題：
如果我不使用移動第一，但使用移動過去，並做max-width查詢，而不是min，我會甚至需要填充工具。如果沒有任何關於該頁面正在改變，直到它小於500px寬我真的需要擔心IE不顯示它們？或者我錯過了一些邊緣案例？
讓我們從你的獎金問題開始。
如果你接近max-width媒體查詢，我不認爲你實際上需要爲IE8和以下的JS解決方案。這就是說，這取決於你的網站是什麼「突破點」。
也許，仍然有IE7運行的用戶將不會有1920x1200分辨率的高清屏幕。所以請記住，使所有的工作以及 800x600屏幕沒有涉及媒體查詢。
個人而言，我更喜歡min-width的方法，所以我可以progressively enhance我的網站功能。但這取決於你的項目類型/觀衆。
根據StatCounter's global stats，在九月用戶的2012〜14％仍然使用IE8，和小於2％IE7。
如果您想爲此15％（〜每100個約6個）提供最佳用戶體驗，那麼您可能需要respond.js。
我已經在IE7和IE8上使用並測試過它。我沒有注意到性能的差異，但我無法在網上找到任何基準測試。
它的推薦Modernizr和包含在html5boilerplate響應構建，所以我很確信你可以......相信它;-)