0

将我的黑莓设备(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倍)。

我究竟做错了什么?我该怎么做才能使身体始终具有屏幕尺寸?

4

1 回答 1

0

我实际上正在寻找类似问题的解决方案:我正在尝试显示 100% 的视觉视口高度的元素。我的问题是我的视口高度考虑了地址栏(所以 100% 是 100% 但减去滚动条高度),这是我不想要的(因为如果用户滚动,地址栏将不可见,因此我的元素太小了)。

对于您的问题,我认为您只需要像我一样"height=device-height"从视口中删除meta tag,因为 BB 设备似乎不会在方向更改时再次计算此值(这对我来说似乎是一个错误)。

对不起我的英语不好!

于 2012-07-31T14:06:48.133 回答