Как встроить Google Form iframe в HTML CSS с гибкой высотой (отзывчивый) - PullRequest
0 голосов
/ 19 июня 2019

Проблема в том, что у меня есть многостраничная форма Google, на каждой странице есть разное количество текста.Его нужно встроить в длинную запись блога в виде викторины.Проблема в том, что Google предоставляет только код iframe, а iframe не позволяет мне устанавливать гибкую высоту.Я пробовал Бена Маршалла, я пробовал высоту: 100% как в заголовке стиля, так и в текущем фрейме, но до сих пор нет.

  1. Если я задаю ему среднюю высоту, нужно прокрутить самое длинноетекст
  2. Если я укажу высоту самого длинного слайда, то появится огромное пустое пространство.
  3. Когда я не указываю высоту, iframe очень маленький, и нужно прокручивать даже самую короткую страницу.

В идеале я хочу использовать гибкий бокс или что-то другоеiframe, что он изменит высоту в зависимости от размера формы.Иначе есть ли способ сделать гугл из центра iframe - разделить дополнительное пространство?Это пример формы Google

<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSf0yROc5FfPcvex7G3e1uPGXo3nmQMk99EKZypuarafcVtwhw/viewform?embedded=true" width="640" height="903" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>

Я знаком только с CSS и Html.

Спасибо за ваше время и помощь

1 Ответ

0 голосов
/ 19 июня 2019

Функции обеспечения безопасности в разных источниках в браузерах предотвращают чтение информации о документе во фрейме (включая высоту его отображения) без явного взаимодействия сайта внутри фрейма.

Так что вы не можете сделать это.

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