HTML代码index.HTML设计不适合Phonegap android应用程序的移动视图？_Android_Html_Cordova

HTML代码index.HTML设计不适合Phonegap android应用程序的移动视图？

android html cordova

HTML代码index.HTML设计不适合Phonegap android应用程序的移动视图？,android,html,cordova,Android,Html,Cordova,我不熟悉Phonegap并制作了一个应用程序，但我的index.html和其他html文件不适合作为android应用程序的移动视图。如何将所有这些网页设置为适合移动屏幕，使其看起来像一个移动应用程序下面是我的示例代码： <!DOCTYPE html> <html> <body> <div id="container" style="width:500px"> <div id="header" style="backgroun

我不熟悉Phonegap并制作了一个应用程序，但我的index.html和其他html文件不适合作为android应用程序的移动视图。如何将所有这些网页设置为适合移动屏幕，使其看起来像一个移动应用程序

下面是我的示例代码：

 <!DOCTYPE html>
 <html>
 <body>

 <div id="container" style="width:500px">

 <div id="header" style="background-color:#FFA500;">
 <h1 style="margin-bottom:0;">Main Title of Web Page</h1></div>

 <div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
 <b>Menu</b><br>
 HTML<br>
 CSS<br>
 JavaScript</div>

 <div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
 Content goes here</div>



 </div>

 </body>
 </html>


网页主标题
菜单

HTML

CSS

JavaScript
内容在这里

不完全熟悉Phonegap，但我假设webview仍然需要viewport元标记才能捕捉到设备宽度

<meta name = "viewport" content = "user-scalable=no,width=device-width" />

我认为您缺少视口

<head>
   <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">
</head>

用户可缩放-控制用户是否可以“按比例缩放”

宽度视口的宽度

更多信息：，

使用此

<meta name="viewport" content="width=device-width, min-width=device-width, initial-scale=1,  maximun-scale=1, user-scalability=0">

@Zohaib很高兴为您提供帮助。您可以给我发送一个完整的phongap for android示例代码，供我审阅，因为我是这项技术的新手。Thanks@Zohaib好的，把你的邮箱给我send@Zohaib查一下你的邮件Zohai Beveryryng现在没事了。。。但当我启动我的phonegap应用程序时，一个黑屏出现了6-8秒，然后索引页开始。如何移除那个黑屏。很多人在网上问过这个问题，但这个问题并没有具体正确的答案。你能帮我做这件事吗。