文章/答案/技术大牛

发布

社区首页 >问答首页 >Android KitKat网页的网页宽度

问Android KitKat网页的网页宽度
EN

Stack Overflow用户

提问于 2014-02-20 12:22:19

回答 1查看 1.9K关注 0票数 2

这个问题只出现在KitKat上新的WebView机制上。

基本上，我正在加载12个图像，一个接一个地连续。我希望WebView加载一行上的所有图像，并自动缩放webView以避免整行。

以前的安卓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-webview

android-4.4-kitkat

android

html

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-02-20 12:42:09

Android4.4 (KitKat)的WebView (基于Chromium )与以前的安卓版本完全不同。有一个迁移指南描述了您可能遇到的常见问题。

在您的例子中，我首先要检查的是HTML是否在Chrome中正确呈现。

如果是的话，尝试将清单中的targetSdk设置为19 (这将禁用一些怪癖)，并查看这是否有帮助。

如果没有，这可能是在两个WebView实现之间解释/布局的方式发生了变化。尝试摆弄你的CSS，看看这是否有帮助。使用DevTools应该使它更简单。

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/21907687

复制

相似问题

问Android KitKat网页的网页宽度
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Android KitKat网页的网页宽度EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Android KitKat网页的网页宽度
EN