Как избежать горизонтальной полосы прокрутки на мобильном устройстве

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