Iframe автоматически переходит на полный экран с помощью Ionic 3.9.2 на iOS - PullRequest
3 голосов
/ 23 июня 2019

Iframe автоматически переходит в полноэкранный режим с помощью Ionic 3.9.2 на iOS.

Я попытался удалить все полноэкранные теги.Я замечаю, что это больше нигде не происходит.Только происходит на iOS.На других устройствах мне приходится вручную делать это на весь экран.

Почему Iframe автоматически переходит в полноэкранный режим на iOS?

<iframe src="https://d1mlukbqb3dh9w.cloudfront.net/PortraitCourse/Module01/Module01Section1/story.html" height="655" width="100%"></iframe>

1 Ответ

1 голос
/ 23 июля 2019

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

IFRAME на iOS работает немного иначе, чем на Android.Получение IFRAME для получения только необходимой высоты - это не просто установка свойства HEIGHT для тега, поскольку механизм рендеринга работает по-другому.Вам придется поиграться с CSS как в контейнере тега, так и в содержимом самого тела.

Попробуйте выполнить следующее:

  1. подготовить макет целевой страницыэто не занимает всю высоту, делает фон красным и смотрите, сколько места занимает
  2. , чтобы сделать макет страницы длиннее высоты экрана, добавив в него много текста и изображений и наблюдая за изменением
  3. обернуть IFRAME в DIV и установить style=height: xxx элемента div, а также overflow.
  4. обернуть содержимое макета страницы в div, установив его *Свойства стиля 1016 *, overflow, position и display для управления его внешним видом.
  5. повторите шаг (4) с тегами HTML и BODY макетной страницы.

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

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