Phonegap Body比屏幕更大

时间:2014-12-03 19:14:16

标签: jquery jquery-mobile screen viewport

我正在开发一个带有Phonegap和JQueryMobile的Android应用,需要使用$("#img1")。css(" bottom"," 0px& #34;)对齐页面底部...

当我在AVD(Nexus 4和Nexus 7)中测试它时,它是完美的。当我把它放入手机时,我看到了#34;底部"想象它比屏幕更向下,并意识到我实际上可以用手指滚动并可以看到整个图像。

这是一些(我认为)相关代码

<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

也可能感兴趣的是应用程序被迫处于风景中,但我并不认为这是问题...

1 个答案:

答案 0 :(得分:1)

我认为这与JQM在页面加载时的方向横向上的最小高度css设置有关。尝试

@media screen and (orientation: landscape) .ui-mobile .ui-page { min-height: 100% !important; })