小编Wil*_*ill的帖子

方向更改事件后,Chrome iOS 87.0.4280.77 中的 window.innerWidth 不正确

Chrome iOS 87.0.4280.77 上的 window.innerWidth 在方向更改事件后似乎不正确。在 iPhone 上查看时,初始加载时,innerWidth 为 414px。将手机方向更改为横向然后再返回纵向后,innerWidth 变为 326px。

我还使用https://whatismyviewport.com检查了内部宽度,它显示了与我的代码相同的内部宽度值。

初始负载时,方向改变之前

方向更改为横向并返回纵向后

<html>
<head>
   <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
</head>
<body>

<script type="text/javascript">
    alert("innerWidth1:"+window.innerWidth);  // initial innerwidth before orientation change

    window.addEventListener('orientationchange', function() {
        alert("innerWidth2:"+window.innerWidth);  // innerwidth after orientation change
    });

</script>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

以前有其他人遇到过这个问题吗?

谢谢

javascript google-chrome orientation-changes ios

5
推荐指数
1
解决办法
2048
查看次数