css - 为什么我的自适应Google Forms iFrame代码无法在所有浏览器和设备上正常工作？

我已经使Wordpress网站上的Google表单的iframe响应，并且可以在某些使用某些浏览器的设备上使用，但不适用于所有设备：

Windows Firefox：可以运行
Windows Chrome：不起作用
iPhone Safari和Chrome：可以运行
Android Firefox和Chrome：不起作用

顺便使用最新的浏览器版本。这是我使用的代码：

<div class="resp-container-1">
<iframe class="resp-iframe-1" src="XXX" width="100%" height="100%" allowfullscreen="" frameborder="0">Wird geladen...</iframe>
</div>

和

.resp-container-1 {
position: relative;
overflow: hidden;
padding-top: 75%;
}

.resp-iframe-1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}

请在下面找到屏幕截图。

我已经检查，仔细检查并弄弄了它，但是我不知道如何调整代码。我在做什么错了？

任何帮助将不胜感激！

谢谢，维多利亚

为什么我的自适应Google Forms iFrame代码无法在所有浏览器和设备上正常工作？

0 个答案: