如何在具有灵活高度(响应式)的HTML CSS中嵌入Google Form iframe



问题是我有多页谷歌表单,每个页面都有不同数量的文本#。它将作为测验嵌入到长篇博客文章中。问题是谷歌只提供iFrame代码,而iframe不允许我设置灵活的高度。

我已经尝试过本·马歇尔,我已经在样式标题和实际的 iframe 中尝试过height:100%,但仍然没有。

  1. 如果我给它平均高度,则需要滚动最长的文本
  2. 如果我给它最长幻灯片的高度,那么就会有一个巨大的空白。
  3. 当我不给出高度时,iframe 真的很小,即使是最短的页面也必须滚动。

理想情况下,我想要一种方法来使用弹性框或 iframe 周围的东西,它会根据表单的大小改变高度。 否则有没有办法让谷歌形成 iframe 的中心 - 划分额外的空间? 这是一个示例谷歌表单

<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。

感谢您的时间和帮助

浏览器中的跨源安全功能可防止您在框架中读取有关文档的信息(包括其呈现的高度),而无需框架内站点的显式配合。

所以你不能这样做。

最新更新