嵌入在wordpress中的Typeform不会100%高

Question

我很难制作一个100%高的嵌入式打字机。

div的高度是250 px，我想让Typeform占据所有250 px。在嵌入代码来自Typeform自己的网站，高度设置为100%。来自类型的图像

我在这里创建了一个示例页面-> https://datapilot.dk/hoffaps-demo/test-page/ -- typeform应该占据所有的蓝色空间。

我使用主题解码为wordpress。

请救救我！

Answer 1

根据typeform社区帖子(https://community.typeform.com/integrate-your-typeform-43/typeform-full-page-embed-not-filling-full-page-on-my-wordpress-site-5072?postid=28836#post28836)，尝试如下：

<style>
     #wrapper {
        width: 100%;
        height: 100%;
        min-height: 100vh;
    }
    iframe {
        border-radius: 0 !important;
        width: 100%!important;
        height: 100vh!important;
    }

</style>
<div id="wrapper" class="alignwide" data-tf-widget="bUfkO2GI" data-tf-inline-on-mobile data-tf-medium="snippet"></div>
<script src="//embed.typeform.com/next/embed.js"></script>

Answer 2

你好，乌夫，欢迎来到StackOverflow

您也可以指定像素的高度，例如，如果您执行height: 250px;，它将是什么样子？

https://www.evernote.com/l/ACVK-joRZgRCR7fR61-TARyiCTaJr77ng8cB/image.png

另一种选择是使用官方的打字字压力机插件。

希望它能帮上忙