2014-05-06 58 views
0

遵循所有提示here禁用滾動不起作用。在WebView中從左到右擺動當它適合頁面

爲什麼我的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; 
} 

注:這將圖像發生,也與文字。此外,我遺漏了多餘的「右滑」。

回答

0

因果關係:here:「保證金清除一個區域圍繞一個元素(境外)」因此,由於WebView的網頁填土區是body標籤的border和一切的內部它增加了周圍的填充,導致一些額外的左邊&權利(可能頂部&底部)滾動。

要解決:只需卸下#visitorinfomargin:5px;。你可以看到here爲什麼這會起作用。