Некоторое время назад я мог бы дать вам точный ответ.К сожалению, у меня больше нет доступа к ресурсам, которые мне нужны для этого ... то есть мой ответ не будет полным решением.
IFRAME на iOS работает немного иначе, чем на Android.Получение IFRAME для получения только необходимой высоты - это не просто установка свойства HEIGHT для тега, поскольку механизм рендеринга работает по-другому.Вам придется поиграться с CSS как в контейнере тега, так и в содержимом самого тела.
Попробуйте выполнить следующее:
- подготовить макет целевой страницыэто не занимает всю высоту, делает фон красным и смотрите, сколько места занимает
- , чтобы сделать макет страницы длиннее высоты экрана, добавив в него много текста и изображений и наблюдая за изменением
- обернуть IFRAME в DIV и установить
style=height: xxx
элемента div, а также overflow
. - обернуть содержимое макета страницы в div, установив его *Свойства стиля 1016 *,
overflow
, position
и display
для управления его внешним видом. - повторите шаг (4) с тегами HTML и BODY макетной страницы.
Игра с ними в режиме реального времени с использованием Safari для изменения их значений окажется наиболее полезной.Это было по крайней мере для меня, когда у меня была проблема больше года назад.