#html #css #mobile
#HTML #CSS #Мобильный
Вопрос:
Инструменты веб — мастера Google сообщают, что эта страница- https://www.shlomifish.org/__Beta-kmor/meta/FAQ/about.xhtml — имеет горизонтальную полосу прокрутки в мобильном режиме. Я проверил его наличие, используя Firefox Ctrl-shift-m
в портретном режиме 360×740. Как я могу устранить горизонтальную полосу прокрутки там?
Обратите внимание, что добавление main { overflow: scroll; }
является симптоматическим (и не слишком хорошим) решением, и я ищу лучшее решение.
( XHTML и CSS оба проверяют. )
Ответ №1:
main.main { max-width: 100vw; }
или, более конкретно, с медиа-запросом:
@media (max-width:450px) { main.main { max-width: 100vw; } }
Комментарии:
1. Это не помогло — ни с
100vw
«или50vw
«. Спасибо.
Ответ №2:
Вам нужно изменить настройку grid
дисплея на вашем теле. На мобильном устройстве измените блок отображения, и он будет работать.
@media (max-width:650px) { body { display:block; } }