Как заблокировать сайт, чтобы он поместился в окне просмотра без возможности горизонтальной прокрутки на мобильном телефоне - PullRequest
Новая
       6

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

0 голосов
/ 16 ноября 2018

Я получал сообщения от нескольких пользователей «пользователи Android в большинстве случаев» о том, что веб-сайт открывается в виде белого экрана на их телефонах.

После некоторого устранения неполадок я обнаружил, что при увеличении масштабаи прокрутите вокруг, вы найдете фактический веб-сайт.

Когда вы открываете веб-сайт, окно просмотра показывает большой белый экран, и фактический веб-сайт находится внутри него.

Я добавил это вheader.php <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, minimum-scale=1"> и он не исправляется.

Есть идеи, как и как заблокировать контент сайта в кадре области просмотра?

Снимок экрана, отправленный пользователями: когда ониСначала откройте веб-сайт

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

1 Ответ

0 голосов
/ 16 ноября 2018

Редактировать:

Сначала попробуйте изменить тег вашего окна просмотра на это: 

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Вы можете попробовать добавить следующий CSS: 

body {
  width: 100vw;
  overflow-x: hidden;
}

Вы также можете попробоватьотключение масштабирования путем адаптации тега окна просмотра с помощью следующего: 

maximum-scale=1.0, user-scalable=no

Возможно, вы также захотите взглянуть на свойство CSS touch-action: https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action

...