fedor_filipev
@fedor_filipev
Программист баянист

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

Делаю игру (не пинайте, мой первый проект, потом всё допилю и оптимизирую)
https://tomandjerry-thegame.000webhostapp.com/
(ссылка подписана как вирусная, ибо на платный хостинг денег нема)
Страница сайта широкая (в два раза больше по ширине, чем экран) и по высоте 100% без прокрутки, прокрутка только по горизонтали
на ПК всё ок, но на мобильных устройствах страница сжимается, чтобы по ширине полностью влезть в окно (scale так, чтобы исчезла полоса прокрутки) и, соответственно, снизу появляется куча пустого места.
Если на мобильном включить во весь экран, то всё становится в порядке, но из-за fullscreen error'ов не хочу делать на весь экран по умолчанию и всегда.
overflow: hidden; и
body {
position: absolute;
}

помогают, но исчезает прокрутка по горизонтали
Как автоматически масштабировать страницу так, чтобы было как на ПК или как во весь экран, но постоянно?
P.S. Если вырубить самый длинный блок, то проблема решается, но блок удалять нельзя и нужна прокрутка
P.P.S. Не получилось вставить картинки, залил на Яндекс Диск https://yadi.sk/d/SOjBfGf6iSIwyQ
  • Вопрос задан
  • 52 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы