gpt4 book ai didi

html页面的Android KitKat webview宽度

转载 作者:太空宇宙 更新时间:2023-11-03 18:20:36 27 4
gpt4 key购买 nike

该问题仅在使用新的 WebView 机制的 KitKat 上出现。

基本上我加载了 12 张图片,一张接一张地连续加载。我希望 WebView 加载一行中的所有图像并自动缩放 webView 以覆盖整行。

在 android 4.4 之前它是如何工作的

  • 图像被加载到行中并且缩放以适合整行。用户可以滚动进出

它如何在 4.4 上运行

  • 图像被包裹起来,所以我绘制了第一张图像,下一张在它下面,而不是在它的右边

html 加载图像是这样的:

<meta name="viewport" content="width=device-width, height=device-height, minimum-scale=0.3, user-scalable=yes, initial-scale=1"/>

<style type="text/css">
body {margin: 0; padding: 0; border: 0; float: left; white-space: nowrap;}

.Image .Tile-0-0 {background: url(tiles/tile_0_0.png) no-repeat; width: 128px; height: 128px; float: left;}
.....

and then
<body>

<div class="Image">
<div class="tile-0-0"></div>
<div class="tile-1-0"></div>
.......<br/>

有什么想法吗?我的猜测是,我需要以某种方式告诉 webview 适合整行,而不是按设备的宽度换行。

我该如何解决这个问题?

最佳答案

Android 4.4 (KitKat) 具有与之前的 Android 版本完全不同的 WebView(基于 Chromium 源代码)。有一个 migration guide描述您可能遇到的常见问题。

对于您的情况,我首先要检查的是 HTML 是否在 Chrome 中正确呈现。

如果是这样,请尝试在您的 list 中将 targetSdk 设置为 19(这会禁用一些怪癖)并查看是否有帮助。

如果不是,则可能是两个 WebView 实现之间的 CSS 解释/布局执行方式发生了变化。尝试摆弄您的 CSS,看看是否有帮助。 Using DevTools应该使它更简单。

要查看的另一件事是视口(viewport) - 查看两个版本之间的 document.documentElement.clientWidth 是否不同。如果是这样,那就是它看起来不同的原因。如果您使用 wrap_contents 高度,请尝试使用 match_parent/固定值。

关于html页面的Android KitKat webview宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21907687/

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