Question

按照所有提示here禁用滚动后无效。

为什么我的webview会在没有任何水平滚动的情况下恰好适合页面时向左或向右移动？

左图：初始加载

右图：向左滑动后。

enter image description here ...

HTML：

<html>
    ...
    <body id="visitorinfo">
        <div class="visitor">
            <div class='titlebox'><img src="../images/helloworld.png"/></div>
        </div>
    </body>
</html>

CSS：

#visitorinfo{
    max-width:500px;
    text-align:left;
    font-size:16px;
    display:block;
    overflow:hidden;
    margin:5px;
}
.titlebox{
    float:center;
    max-width:100%;
    padding:5px;
    text-align:center;
}
.titlebox img{
    width:100%;
}
.visitor{
    margin-bottom:35px;
    display:block;
    overflow:hidden;
    margin:5px 10px;
    word-wrap:break-word;
}

注意：这将出现在图像和文本中。此外，我遗漏了多余的“正确刷卡”。

Answer 1

因果关系来自here：“边距会清除元素周围的区域（边框外）。”因此，{{1} }的网页填充区域是WebView标记的border及其内部的所有内容，在其周围添加了填充，从而导致额外的左边和正确（可能是顶部和底部）滚动。

要修复：只需移除body的{{1}}即可。您可以看到here为什么会这样做。

当WebView应该适合页面时，从左到右摆动

1 个答案: