Android-- PhoneGap/WebView忽略了视口元标记？

Question

我有一个网页,我试图在我的Android设备上显示(从项目的资产目录加载)使用PhoneGap(使用普通的WebView设置为"appview"),但webview完全忽略以下内容:

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

无论我在这一行中设置什么(我已经尝试明确设置缩放,设置宽度/高度,以像素为单位等),设备完全忽略它并使网站非常小并锚定在左上角的屏幕.我可以使用捏合手势放大(即使我明确禁用了上面的html代码中的缩放),但我希望页面可以放大以正确适应设备的负载.

这是有趣的一点......如果我在我的网络服务器上放置完全相同的网站并使用我的测试设备上的默认浏览器导航到它,页面正确加载(缩放到设备的正确大小).

请帮忙.

谢谢.

EDIT1:

我目前的设置是:

<meta name="viewport" content="width=device-width,height=device-height,user-scalable=no,target-densitydpi=device-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />

这也完全被忽略了.

EDIT2:

这里有点有趣......

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

以上行在模拟器中将页面缩放到2x,但在我的设备上没有任何变化(Samsung Epic运行2.2.1).尽管如此,即使是2倍,页面也没有缩放到模拟器的宽度......我必须将其设置为"initial-scale = 2.5".

Answer 1

尝试在扩展DroidGap的Java类的onCreate()方法中添加以下两行.

this.appView.getSettings().setUseWideViewPort(true);
this.appView.getSettings().setLoadWithOverviewMode(true);

如果您的视口标记现在开始工作,请告诉我.

Answer 2

我在带有phonegap的iPhone上使用这个

<meta name="description" content="trevorrudolph.com">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta names="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="apple-touch-icon" href="http://trevorrudolph.com/wordpress/apple-touch-icon.png">