将我的黑莓设备(Torch 9860)从横向旋转到纵向后,高度不会更新。打印window.innerHeight
的值表示该值不会更改。有时当我以纵向模式重新加载应用程序时,它具有正确的高度,旋转到横向工作正确。
在头部我定义了这样的视口:
<meta name="viewport" content="width=device-width,height=device-height,user-scalable=no,initial-scale=1.0">
在CSS中我定义了:
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
我还尝试在window.onorientationchange
侦听器中将自己的高度(和宽度)设置为screen.height,但此值大于视口(约1.5倍)。
我做错了什么?我能做什么,身体总是有屏幕尺寸?
答案 0 :(得分:0)
我实际上正在寻找类似问题的解决方案:我正在尝试显示100%视觉视口高度的元素。我的问题是我的视口高度考虑了地址栏(因此100%是100%但减去滚动条高度),这是我不想要的(因为如果用户滚动,地址栏将不可见,因此我的元素太小了。)
对于您的问题,我认为您只需要像我说的那样从您的视口"height=device-height"
中移除meta tag
,因为BB设备似乎无法再次计算此方向更改值(这看起来像一个错误对我来说。
抱歉我的英文!