Предотвращение изменения размера iframe по высоте собственного контента на iOS - PullRequest
0 голосов
/ 06 ноября 2018

Обновление: Оказывается, Apple просто молча препятствует использованию встроенного фрейма в iOS. Потрясающие. Как заставить IFrame реагировать в iOS Safari?


Я пытаюсь сделать что-то, что, как я ожидал, будет действительно простым: встроить фиксированный размер <iframe> в абсолютно позиционированный div.

Это работает на WKWebView на iPad.

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

Я просто пытаюсь понять, как это остановить.

Вот атрибуты CSS, взятые прямо из Safari при подключении к iPad:

enter image description here

Сам элемент <iframe> также имеет атрибуты height и width, установленные на те же значения:

enter image description here

Но, как вы можете видеть из представления Computed, оно полностью игнорирует все попытки установить его высоту и завершает рендеринг следующим образом:

enter image description here

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

1 Ответ

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

Вы должны иметь возможность просто установить переполнение скрытым. Это обрезает до установленного размера. Я бы не стал использовать iframe. Они считаются устаревшими в макетах страниц.

...