Слева направо покачиваться в WebView, когда он должен соответствовать на странице

Question

Слева направо покачиваться в WebView, когда он должен соответствовать на странице

0

После выполнения всех советов здесь, чтобы отключить прокрутку, ничего не получилось.

Почему мой веб-просмотр будет перемещаться так слегка влево или вправо, когда он должен просто соответствовать странице без горизонтальной прокрутки?

Левое изображение: начальная загрузка

Правильное изображение: после прокрутки влево.

...

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

Примечание. Это произойдет с изображением, а также с текстом. Кроме того, я оставил лишний "правый салфетки".

Matthew Cordaro 06 май 2014, в 22:02

Источник

Теги:

html

css

android-webview

1 ответ

Ещё вопросы

Matthew Cordaro · Accepted Answer · 2014-05-06T18-11-00.000Z

Причин: отсюда: "Поля очищают область вокруг элемента (за пределами границы)". Поэтому, поскольку область WebView веб-страницы WebView является border тега body и всего внутри него, добавление дополнений вокруг этого вызывает небольшую дополнительную левую и правую (и, вероятно, верхнюю и нижнюю) прокрутку.

Исправить: просто удалите поле #visitorinfo margin:5px; , Вы можете увидеть здесь, почему это будет работать.