Мета-тег Viewport отключает прокрутку на iPad только для Chrome - PullRequest
0 голосов
/ 16 мая 2019
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

Использование метатега viewport вместе с высотой div 1024.469px на iPad 6-го поколения (размер окна 980 x 1167) означает, что все, что больше высоты экрана, не может быть прокручено.

Полоса прокрутки действительно отображается, однако при попытке прокрутки она постоянно отскакивает вверх и не позволяет вертикальную прокрутку.

Удаление окна просмотра показывает, что страница умещается на экране iPad без необходимости прокрутки.

Может быть, эта проблема вызвана из-за увеличения?

Я сократил всю страницу, чтобы найти виновника, который определенно является метатегом порта просмотра.

Увеличение высоты div примерно на 30 пикселей позволяет пользователю прокручивать даже с метатегом.

Фактически, увеличение высоты до значения, превышающего 1024.469px, похоже, решает эту проблему.

Я хочу использовать метатег, но также хочу, чтобы моя прокрутка работала.

1 Ответ

0 голосов
/ 16 мая 2019

Итак, чтобы этого не происходило, установите переполнение: скрытый для элемента, который содержит ваш контент, или же избегайте переполнения элементов.

Примечание: другие мобильные браузеры также поддерживают метапорт видатэг со временем, так что вы тоже захотите проверить их.

подробнее.отношение ссылка

...