在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 關(guān)于meta標(biāo)簽設(shè)置viewport的content的width的疑惑

關(guān)于meta標(biāo)簽設(shè)置viewport的content的width的疑惑

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=640,user-scalable=no" />
    <title>demo</title>
</head>
<body>
    <script>
        (function () {
            document.addEventListener('DOMContentLoaded', function () {
                var html = document.documentElement;
                var windowWidth = html.clientWidth;
                alert('windowWidth: ' + windowWidth);
            }, false);
        })();
    </script>
</body>
</html>

代碼如上。我看網(wǎng)上說的是meta的width是設(shè)置手機(jī)瀏覽器的寬度，為什么這里alert的是512而不是640（在chrome下用iphone5）?

回答
編輯回答
離魂曲

viewport 的width 是可以設(shè)置移動(dòng)端瀏覽器的邏輯寬度。猜測(cè)是舊版本手機(jī)系統(tǒng)的兼容問題
另外不建議如此做移動(dòng)端適配，容易出現(xiàn)模糊情況，建議說那個(gè) device-width ，使用媒體查詢等方式做機(jī)型適配

2017年11月30日 16:38