解决方法
任何脚本将在页面加载时运行,所以使用if(Modernizr.mq(‘only screen’)){$(‘h1’).text(‘media screen’);}在运行你的脚本时毫无意义,而你’在@media屏幕上.
相反,您必须在媒体查询更改时检测,并相应更改页面.您可以使用像enquire.js这样轻松地做到这一点：
// This is just an example,be more creative!
enquire.register("screen",{
match: function() {
$('#only-show-on-screen').show();
},unmatch: function() {
$('#only-show-on-screen').hide();
}
});
