时间戳

首页 > 解决方案 > 为什么我的响应式 Google 表单 iFrame 代码无法在所有浏览器和设备上运行？

css - 为什么我的响应式 Google 表单 iFrame 代码无法在所有浏览器和设备上运行？

问题描述

我已经在 Wordpress 网站上为我们的 Google 表单制作了 iframe，它在使用某些浏览器的某些设备上确实有效，但并非无处不在：

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

<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;
}

请在下面找到屏幕截图。

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

任何帮助将不胜感激！

谢谢，维多利亚

火狐

窗口浏览器

苹果浏览器

安卓火狐

标签： csswordpressiframeresponsive-designgoogle-forms

解决方案

推荐阅读