我有华为G620S . spec表示显示分辨率为720 x 1280图片 . 现在,当我明确设置元素的宽度时,如下所示:

<!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占据屏幕的整个宽度(不是它的一半),就像显示器一样 . 是 screen.width 属性也是640而不是1280.那么设备的实际屏幕宽度是多少?

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