Android- PhoneGap / WebView如何忽略视口元标记?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (18)

我有一个网页,我试图使用PhoneGap(它使用普通的WebView设置为“appview”)在我的Android设备上显示(从项目的assets目录加载),但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" />

提问于
用户回答回答于

试试这样的:

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

使用以下设置,启用缩放:

this.appView.getStrings().setSupportZoom(true);

用户回答回答于

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

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

让我知道你的视口标签现在开始工作。

扫码关注云+社区