Wordpress主题定制器：Media Query实时预览CSS

Question

我正在使用Worpress'Theme Customization API来允许用户更改我的网站颜色。我的网站响应迅速，导航改变了移动设备的颜色。我的CSS看起来类似于以下内容：

nav { background-color: #fff; }

@media only screen and max-width 767px {
    nav { background-color: #b00; }
}

我为实时预览设置了所有JavaScript，如下所示，但这会绑定到所有显示大小。我无法弄清楚如何将其绑定到媒体查询。

wp.customize( 'background_color', function( value ) {
    value.bind( function( newval ) {
        $('nav').css('background-color', newval );
    } );
} );

任何帮助都将不胜感激。

由于

Answer 1

CSS中的媒体查询应为：

@media only screen and (max-width: 767px)＆lt; - 此处缺少括号和冒号。

Further Info here.