Question

我有华为G620S。 spec表示显示分辨率为720 x 1280 pics。现在当我明确设置元素的宽度时：

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script type="text/javascript">
        alert("width: "+screen.width);
    </script>
    <style type="text/css">
        body {
            margin: 0;
            border: 0;
            padding: 0
        }
        .div1 {
            width: 1280px;
            height: 120px;
            background-color: blue;
        }
    </style>
</head>
    <body>
        <p>
            <b>To understand this example, you should open this page on a
                phone or a tablet.</b>
        </p>

        <div class="div1"></div>
    </body>
</html>

div1 elem占据屏幕的整个宽度（不是它的一半），就像显示器一样。是{640}而不是1280. screen.width属性也给出了640而不是1280.那么设备的实际屏幕宽度是多少？

我的规格：Chrome 57.0.2987.132上的Android 4.4.4上的华为G620S

移动设备屏幕宽度不一致

0 个答案: