在yepnope.js中測試媒體查詢 - 誤報或......？

Question

我正在使用此代碼來測試媒體查詢支持，因為我想加載例如IE8的polyfill。

yepnope({
    test : Modernizr.mq('(only all)'),
    nope : ['scripts/respond.js']
});

它工作（= respond.js在IE中加載），但現在我剛剛發現response.js也在Safari中加載。

在閱讀了文檔后，我相信respond.js已加載，因為Safari 不支持某種媒體查詢。 這是真的？ 我該如何解決這個問題？

Answer 1

問題不在於Safari不支持某些媒體查詢，而是(only all)查詢不是有效的媒體查詢。 應該有周圍沒有括號only關鍵字或媒體類型all ：

yepnope({
    test : Modernizr.mq('only all'),
    nope : ['scripts/respond.js']
});

Answer 2

我也在使用modernizr，但發現添加媒體查詢支持最簡單的方法是IE7和IE8只是在頁面頭部使用這樣的東西

<!--[if lt IE 9]>
  <script src="js/respond.js"></script>
<![endif]-->

確保在加載CSS文件后調用respond.js。

這對我很有用。

祝好運！