Phonegap身体大于屏幕

我正在开发一个Phonegap和JQueryMobile的Android应用程序，它需要使用$（“＃img1”）.css（“bottom”，“0px”）来对齐到页面的底部...Phonegap身体大于屏幕

当我在AVD（Nexus 4和Nexus 7）中测试它时，它非常完美。当我将它放入手机中时，我发现“底部”图像比屏幕更向下，并意识到我实际上可以用手指滚动并看到整个图像。

下面是一些（我认为）相关代码

<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" />

还可以使应用程序将被强制为景观，但我真的不认为这是问题的兴趣...

来源

2014-12-03 AriWais

页面或内容大小可能以像素为单位设置。添加（@media screen和（orientation：landscape） .ui-mobile .ui-page {0} {0} {0};}}}无论如何它是一个Css问题。如果它不起作用，请在您的问题中添加HTML代码以查看您拥有的结构。所有你需要的视口元标记都是（） – Tasos 2014-12-04 02:41:59

谢谢塔索斯，我觉得你是对的，但是不理解你究竟。内容大小实际上是以像素为单位（还有其他选项）。（I0m将尝试@media建议并返回） – AriWais 2014-12-04 14:24:46

我添加@media行但结果相同...顺便说一句，不应该更好max-height = 100％??? – AriWais 2014-12-04 14:35:54

我认为它与页面加载时的JQM的最小高度css设置有关。尝试

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

来源

2014-12-04 14:51:45 Tasos

我接受了“{”中的de css代码，它在第一页中工作，但不在其他人中......我试图弄清楚它是什么... – AriWais 2014-12-04 15:01:42

如果你有一个移动设备（Android）将其插入PC并检查开发控制台中的CSS以查看发生了什么。https://developer.chrome.com/devtools/docs/remote-debugging - 除此之外，如果你让页面ID尝试CSS代码并删除（.ui-mobile .ui-page）并添加页面ID在那里，看看是否有帮助 – Tasos 2014-12-04 15:05:40

好的，我会从这里尝试它。 NKS！ – AriWais 2014-12-04 15:18:55

Phonegap身体大于屏幕

回答

相关问题