Html 当Web视图应该适合页面时，它会在Web视图中从左向右摆动_Html_Css_Android Webview

Html 当Web视图应该适合页面时，它会在Web视图中从左向右摆动

html css

Html 当Web视图应该适合页面时，它会在Web视图中从左向右摆动,html,css,android-webview,Html,Css,Android Webview,在遵循所有禁用滚动的提示后，没有任何效果为什么我的webview会如此轻微地向左或向右移动，而它只适合页面而没有任何水平滚动左图：初始加载右图：向左滑动后 HTML: 注意：这将发生在图像和文本中。另外，我省略了多余的“右扫”。原因：来自：“边距清除元素周围的区域（边界外）。”因此，由于WebView的网页填充区域是主体标记的边界，以及其中的所有内容，在其周围添加填充会导致额外的左右（可能是顶部和底部）滚动修复：只需删除#visitorinfo的边距：5px。你可以看到为什么这会起作用

在遵循所有禁用滚动的提示后，没有任何效果

为什么我的webview会如此轻微地向左或向右移动，而它只适合页面而没有任何水平滚动

左图：初始加载

右图：向左滑动后

HTML:

注意：这将发生在图像和文本中。另外，我省略了多余的“右扫”。

原因：来自：“边距清除元素周围的区域（边界外）。”因此，由于

WebView

的网页填充区域是

主体

标记的

边界

，以及其中的所有内容，在其周围添加填充会导致额外的左右（可能是顶部和底部）滚动

修复：只需删除

#visitorinfo

的

边距：5px。你可以看到为什么这会起作用
<html>
    ...
    <body id="visitorinfo">
        <div class="visitor">
            <div class='titlebox'><img src="../images/helloworld.png"/></div>
        </div>
    </body>
</html>

#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;
}