iphone6s 在文档未加载完之前window.innerWidth获取的宽度是980

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no minimal-ui">
</head>
<body>
    <div class="wrapper">
    
    </div>
    <script>
    console.log(window.innerWidth);  // iphone6s plus => 980
    
    window.onload = function() {
        console.log(window.innerWidth);  // iphone6s plus => 414
    }
    </script>
</body>
</html>

iPhone6、iPhone6 plus、iPhone6s、iPhone6 plus测试是这样,应该是ios9的问题,在iPhone4和iPhone5上面没得问题,在android上也没得问题

阅读 5.1k
1 个回答

在head中加入这行

 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1, shrink-to-fit=no">
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题