Question

我使用以下代码测试各种移动浏览器的不同视口大小：

<!DOCTYPE html>
<html>
<head>
    <title>Browser details</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <script type="text/javascript" language="javascript">
        window.onload = function (e) {
            var width = document.getElementById("width");
            var height = document.getElementById("height");

            var w = window.innerWidth;
            var h = window.innerHeight;

            width.innerHTML = w;
            height.innerHTML = h;

        }
    </script>
</head>
<body>
<div id="">Viewport Width x Height : <span id="width"></span> x <span id="height"></span></div>
</body>
</html>

我在三星Galaxy S4 GT-I9500 上测试了我的代码。不同Android浏览器的输出是：

谷歌浏览器：360 x 559

Mozilla Firefox：980 x 480

默认浏览器：360 x 592

为什么mozilla firefox有这么大的区别？我希望输出应该在 360 X 5 - （五百...之类）

Answer 1

尝试使用jquery;

var height = $(window).height();
var width = $(window).width();

移动浏览器的意外视口大小

1 个答案: