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)")) {