如何在phonegap应用程序中设置html页面以跨越整个屏幕?

时间:2014-05-10 14:59:48

标签: javascript android html5 cordova

我正在使用phonegap / cordova app。在html5中创建了几个页面,但无论屏幕大小如何,我都无法在整个屏幕上显示它们。我试过javascript。添加了此脚本以在加载时激活:

function SetupPage(){
    document.getElementsById("container").style.width=window.innerWidth;
    document.getElementsById("container").style.height=window.innerHeight;
}

但它仍然有内容的大小,我需要它根据屏幕大小拉伸一切。怎么办呢?

1 个答案:

答案 0 :(得分:0)

设置元视口比例

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

之后你应该可以使用CSS来调整你需要的大小。