modernizr - Modernizr メディア クエリが機能しない?

Question

私は自分のサイトに Modernizr を含めました。

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/modernizr.custom.js"></script>

そして私はこれをcustom.jsに持っています:

if (Modernizr.mq("screen and (max-width:480)")) {
alert("hello");
}

ブラウザのサイズを 480px に変更し、サイトを更新しましたが、アラートは表示されませんでした。

これを修正するための提案はありますか?

Answer 1

pxメディアクエリには単位値が必要です。

あなたのライン：

if (Modernizr.mq("screen and (max-width:480)")) {\

する必要があります：

if (Modernizr.mq("screen and (max-width:480px)")) {