phonegap打包web分辨率的问题

Question

是用phonegap打包一个web站点，该web站点是本人做的适应手机浏览的网站；phonegap下的代码：

public class MainActivity extends DroidGap {

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// super.loadUrl("file:///android_asset/www/index.html");
super.loadUrl("http://192.168.1.101:8080/quaner/");
super.setIntegerProperty("loadUrlTimeoutValue", 15000);
}
}

在虚拟机上浏览，分辨率320*480

在我的手机上浏览，1920*1080

这个如何调整呀？

Answer 1

具体解决之道，参考这个

http://wenzhixin.net.cn/2014/08/01/viewport_mobile

Answer 2

o这个意思，好滴晚上回家再试试看，目前我的是这样子 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=1" />

Answer 3

嗯，这样设置还是不行哦，设置成这样可以 content="width=640px, user-scalable=0" />

Answer 4

将HTML的meta viewport改一下：

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

改成：

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