gpt4 book ai didi

android - Android 4.4+ 中的 App WebView 无法正确处理视口(viewport)

转载 作者:太空宇宙 更新时间:2023-11-03 11:13:44 25 4
gpt4 key购买 nike

我正在寻找有关新 4.4+ Android Webview 视口(viewport)相关问题的解决方案。

这个问题,详细来说,是在新的 4.4+ Android webview 中,view port 没有被正确处理,或者可能被忽略,导致内容不能正确填充设备宽度。

如何复制:

<html>
<head>
<meta name="viewport" content="width=320">
<body style="margin:0px;">
<div style="width:320px; height:300px; background-color:purple;">
<div style="background-color:rgba(110,110,110,0.7);">
This box is 320px wide.
</div>
</div>
</body>
</html>

在设备上查看时,上面的页面不应该绘制一个覆盖任何屏幕整个宽度的紫色框吗?

这是一个图形演示:

上面编码的 html 页面,通过应用程序显示一个简单的 320px 框: https://drive.google.com/file/d/0B2beYh8CaQEUTEREdFNaRFZvbHc/edit?usp=sharing

上面显示的相同 html 页面,在相同的设备上,在 chrome 上显示: https://drive.google.com/file/d/0B2beYh8CaQEUamoyNmZzVjA5WWc/edit?usp=sharing

那么第一个问题,为什么我的视口(viewport)元标记在应用程序中被忽略了?

我尝试更改以下内容:this.appView.getSettings().setUseWideViewPort(true);this.appView.getSettings().setLoadWithOverviewMode(true);

还是不行

我看到了以下线程: WebView in Android 4.4 and initial-scale Android-- PhoneGap/WebView ignores viewport meta tags?

仍然需要帮助:(

最佳答案

虽然文档不再提及它,但如果视口(viewport)标签设置为 320px,多个 Android 设备上的默认浏览器过去常常忽略视口(viewport)标签,而只使用“设备宽度”。没有办法覆盖,唯一的建议是将视口(viewport)设置为 321px,尽管这不是最优雅的解决方案。看到这个旧帖子: galaxy S3.. viewport meta tag doesns't work

关于android - Android 4.4+ 中的 App WebView 无法正确处理视口(viewport),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20645449/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com