2014-05-06 1 views
0

Après avoir suivi toutes les astuces here pour désactiver le défilement rien n'a fonctionné.Un gauchissement de gauche à droite dans un WebView quand il devrait correspondre à la page

Pourquoi est-ce que mon webview va se décaler légèrement vers la gauche ou vers la droite alors qu'il devrait s'adapter à la page sans défilement horizontal?

gauche Image: Charge initiale

Image droite: Après vers la gauche pour.

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

Note: Cela se produit avec une image et aussi avec le texte. En outre, j'ai omis redondant "coup droit".

Répondre

0

Causation: De here: «La marge efface une zone autour d'un élément (en dehors de la frontière) » Par conséquent, étant donné que la zone de remplissage de la page Web de WebView est border de l'étiquette body et tout à l'intérieur de il, en ajoutant un rembourrage autour de ce qui provoque la petite supplémentaire gauche & droite (et probablement haut & bas) de défilement.

À corriger: Il suffit de supprimer le #visitorinfomargin:5px;. Vous pouvez voir here pourquoi cela fonctionnera.

Questions connexes