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

您可以使用：

telnet curlmyip.com 80

注意：

您需要添加jQuery Mobile库
对于if子句，您可以设置max-device-width

使用javascript设置断点

1 个答案: