gpt4 book ai didi

html - 当 WebView 应该适合页面时,从左到右摆动

转载 作者:行者123 更新时间:2023-11-28 10:31:42 26 4
gpt4 key购买 nike

遵循所有提示后here禁用滚动没有任何效果。

为什么我的 webview 会稍微向左或向右移动,而当它应该刚好适合页面而不需要任何水平滚动时?

左图:初始加载

右图:向左滑动后。

enter image description here ... 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;
}

注意:图像和文本都会发生这种情况。另外,我省略了多余的“向右滑动”。

最佳答案

原因:来自here : "边距清除元素周围的区域(边框外)。"因此,由于 WebView 的网页填充区域是 border body 标签及其内部的所有内容,在其周围添加填充,导致左右(可能还有顶部和底部)滚动。

修复:只需删除#visitorinfomargin:5px;。可以看到here为什么这会起作用。

关于html - 当 WebView 应该适合页面时,从左到右摆动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23503389/

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