使用JavaScript設置斷點

Question

我目前正在使用一些JavaScript來修改Meta視口標簽。 現在，它正在對userAgent進行簡單檢測，但是我想基於屏幕寬度大小（斷點）來進行檢測，以更好地定位所有移動設備，等等。我該怎么辦？ 下面的示例代碼！

    <meta id="viewport" name='viewport'>
    <script>
        (function(doc) {
            var viewport = document.getElementById('viewport');
            if ( navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i)) {
                viewport.setAttribute("content", "initial-scale=1.0");
            } else if ( navigator.userAgent.match(/iPad/i) ) {
                viewport.setAttribute("content", "initial-scale=0.65");
            }
        }(document));
    </script>

Answer 1

您可以使用：

if($.mobile.media("screen")){
   $('meta[name=viewport]').attr('content','Your stuffs');
}

注意：

1. 您需要添加jQuery Mobile庫
2. 對於if子句，您可以設置max-device-width