javascript - 屏幕旋转后,javascript屏幕,宽度/屏幕未更新

  显示原文与译文双语对照的内容
62 1

我在一个iPhone设备( iphone4,iOS,还有其他 iPhone ) 上遇到了这个问题: 在javascript中,如果我拦截了orientationchange事件,inside的处理程序。screen.width 和 screen.height 仍然保持相同的( 如同旋转前一样) 。

由于这可能取决于viewport设置,所以我的viewport在. html file: 中是如何声明


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



模拟 Chrome 可视化时,一切都能正常工作。

感谢你的帮助。

时间: 原作者:

60 4

在我知道屏幕的宽度/高度不会在旋转后改变设备的宽度。 要检查设备是否旋转,可以读取这些属性

  • window.orientation: 此值从 0到 +90/-90变化
  • 窗口 innerheight/innerwidth: 这里值被交换
  • 文档 documentElement 。clientheight/clientWidth: 这里值被交换

然而,这种行为在所有 Android/iOS/Window 设备上都是不一致的。 我认为在中这个数字很简单。

...