【问题标题】:Webview Displays the Web Page SmallWebview 显示网页小
【发布时间】:2014-04-11 17:41:16
【问题描述】:

我们使用 WebView 开发了一个应用程序。在我们在运行 KitKat 的 Nexus 5 中对其进行测试之前,我以为我可以将所有内容都显示为完整的设备宽度。起初,我无法在任何设备上缩小页面并在不滚动的情况下进行调整,直到我实现了以下内容:

<meta name="viewport" content="target-densitydpi=device-dpi, width=400px">

目标密度是我能找到的唯一对改变显示尺寸有影响的东西。它工作......直到 Nexus 5 与 KitKat。当在 Nexus 5 中显示时,它现在正好相反,它缩小了,我不知道如何将它显示为全宽。我又开始寻找,发现:

不再支持视口目标密度dpi

以前,WebView 支持名为的视口属性 target-densitydpi 帮助网页指定它们的预期屏幕

密度。此属性不再受支持,您应该迁移 使用带有图像和 CSS 的标准解决方案,如 WebView 中像素完美的 UI。

来源:http://developer.android.com/guide/webapps/migrating.html

当我使用这个时:

<meta name="viewport" content="width=device-width">

滚动条再次显示太大,所有其他设备都会做同样的事情。

我找到了适用于 Chrome 和其他浏览器但不适用于 WebView 的解决方案(不记得它们了)。 Webview 似乎很严格。

有什么办法可以解决这个问题吗?

【问题讨论】:

    标签: android html webview


    【解决方案1】:

    尝试在this manner 中添加视口元标记。希望它适用于所有浏览器。

    【讨论】:

    • 不幸的是,我用 Galaxy Nexus android 4.3 对其进行了测试,但它不再起作用了,它太薄了,没有填满宽度。我还没有在 KitKat 设备上尝试过。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-02-24
    • 2012-08-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多