Блог

Главная - Вопросы по программированию - пробелы с обеих сторон моего веб-сайта на iphone7 . Я использовал переполнение x скрыто, но это вызывает другую проблему

пробелы с обеих сторон моего веб-сайта на iphone7 . Я использовал переполнение x скрыто, но это вызывает другую проблему

#css #twitter-bootstrap

Вопрос:

Я вижу, что на обеих сторонах моего веб-сайта есть пробелы (я использую bootstrap4).

на iphone 7. Я искал в Google решение, поэтому увидел на форуме stackoverflow этот код как решение :

после вставки этого кода в медиа-запрос :

 @media (max-width: 575.98px) { 
    
    .site-header  {
        background-color:grey;
    }
html,body{
    overflow-x: hidden;
}
}

когда я изменяю размер своего веб-сайта до 500 пикселей, окно моего веб-сайта становится очень маленьким, под ним остается пустое пространство. и когда я открываю свой веб-сайт на iphone 7, я вижу только заголовок, а содержимое-пустое пространство без текста (пустое).
мой URL-адрес :http://webdesignleren.com/
что здесь не так?
Спасибо
йохан

Ответ №1:

содержимое вашей страницы не видно, потому что все содержимое помещено внутри элемента «заголовок сайта», который имеет фиксированную высоту 80 пикселей. Может быть, ты забыл закрыть эту бирку.

Ответ №2:

спасибо, я забыл закрыть заголовок сайта. но проблема не будет решена, пока я не добавлю:

 html,body{
overflow-x:hidden;
height:100%;

}

Спасибо

Метки: ,