我为 PhoneGap android 应用程序制作 html+css+js,我有一些问题:jQuery Mobile 侧面板不会在页面高度上拉伸,所以我使用以下代码:
.HTML
<div data-role="panel" data-display="overlay" data-position="left" data-theme="a" id="main-nav">
Navigation
</div>
.JS
$("#main-nav").css({
"height": $(document).height() + "px"
});
在通常的浏览器中,它可以工作!适用于Android的Chrome,三星Galaxy上的浏览器正确处理它。但是编译到.apk面板后,获得的高度不是来自文档,而是来自窗口,因此它具有视口的高度!我该怎么办?
如果你这样做
怎么办 #main-nav {
position: absolute;
top: 0;
bottom: 0;
}
这应该将您的div 拉伸到父级的可用区域(考虑到它本身并没有占用所有视口)。