@fedor_filipev
Начинающий верстальщик и программист на Python

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

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

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

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

Войти через центр авторизации
Похожие вопросы
15 июл. 2020, в 06:41
20000 руб./за проект
15 июл. 2020, в 04:05
3000 руб./в час
15 июл. 2020, в 03:06
45000 руб./за проект