可以将此脚本与媒体查询一起使用吗？

Question

我正在使用Bootstrap 3，我想知道我是否可以使用这个脚本：

    //Closes nav dropdown when clicking logo
    $(document).ready(function () {
    $(".navbar-brand").click(function(event) {
    $(".navbar-collapse").collapse('hide');
    });
    });

使用此媒体查询@media(max-width:767px) {}。

理想情况下，我希望脚本在多个浏览器中工作，并且同时触发作为css，仅当浏览器为767px或更低时。任何帮助将不胜感激，谢谢！

Answer 1

你可以把它变成window.innerWidth。尝试（未测试）：

$(document).ready(function () {
if ( $(window).innerWidth() < 767){
$(".navbar-brand").click(function(event) {
$(".navbar-collapse").collapse('hide');
});
}});