使用javascript设置断点

Using javascript to set breakpoints

本文关键字：断点 设置 javascript 使用      更新时间：2023-09-26

我现在使用一点javascript来修改Meta viewport标签。现在它正在对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>

您可以使用:

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

注意:

    你需要添加jQuery移动库对于if子句，你可以设置max-device-width
相关文章：