Предотвратить вертикальную прокрутку iframe на мобильном телефоне - PullRequest
0 голосов
/ 06 апреля 2020

Я добавил iframe в шаблон страницы WordPress. У iframe есть стиль min-height: 475px. Я бы добавил код iframe, но он принадлежит компании, в которой я работаю. iframe отлично смотрится на рабочем столе (ширина страницы 100%, высота выглядит великолепно. Но у меня проблема с вертикальной прокруткой на мобильном телефоне.

При просмотре страницы на мобильном устройстве секция iframe прокручивается по вертикали. Нет прокрутки полоса, только вертикальная прокрутка. Я хочу, чтобы iframe идеально помещался на странице в мобильном представлении, чтобы секция iframe не прокручивалась вверх или вниз.

Я попытался добавить / настроить стили для iframe, например: max-height:100%, min-height: 663px, et c ...

Пока что не повезло. Когда я увеличиваю min-height, на рабочем столе появляется больше пустого пространства между iframe div и div под ним, не очень хорошо.

Есть предложения по удалению iframe вертикальной прокрутки в мобильном представлении?

1 Ответ

0 голосов
/ 08 апреля 2020

Медиа-запросы решили эту проблему. Установка высоты: ___px для каждой максимальной ширины: ___ px.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...