如何使 iFramed 表单在 WordPress 中响应？答案

【问题标题】：How to make iFramed form responsive in WordPress?如何使 iFramed 表单在 WordPress 中响应？
【发布时间】：2015-06-19 06:31:41
【问题描述】：

我有一个已有几年历史的网站。我已经更新了好几次了。然而，我最后一次尝试重大更新是在几年前。我创建了一个新安装，添加了内容，新主题......很少有人填写表格，从那以后我一直犹豫不决。

自从 Google 发布 Mobilegeddon（搜索算法更新据称优先考虑移动友好的网站）以来，我的 AdWords 流量已减少了大约一半。我曾希望搜索算法更新不会影响我的付费广告驱动的流量，但似乎确实如此。

旧主题只是简单地缩放所有内容以适应我手机的屏幕。所以表格变小了，但转化率还是不错的。谷歌自己的数据显示，访问者更喜欢我的网站——按原样——大约 5 比 1 是移动设备而不是桌面设备。不过这些对算法来说都不重要，所以我的流量水平已经下降了。

所以我从我喜欢的供应商那里选择了一个响应式主题。除了我的 iframed 表格外，一切都可以很好地扩展。我已经对站点进行了重大更改，并且也不想更改表单。如果转化率上升或下降，我不知道是表单还是网站负责。

所以我需要一种方法来制作这个表格： http://forms.emmetrics.com/criminal_defense/

我已经阅读了几篇文章并尝试了很多尝试错误。这主要是 style="..." 类型的变化。尝试 div 容器等。我并不是说这行不通，只是我还没有让它发挥作用。我对 CSS 的了解非常有限。

非常感谢任何帮助。

【问题讨论】：

在这种状态下，我认为这很难甚至是不可能的。因为表格制作不好，静态的，带有静态的预制图像。您可以让 iframe 负责，这很容易，但表单存在问题。所以问题是表单不是 iframe/yoursite。
有没有办法强制整个页面缩放？

【解决方案1】：

不幸的是，除非表单的供应商更新他们的代码，否则你会有点卡住。您可以将 CSS 应用于 iframe 元素，但不能触摸 iframe 内的内容，除非它位于同一域中。这是一个安全限制。 Here's 一个类似的问题。

【讨论】：

我对那个 SO 帖子的阅读是，如果我将表单移动到我自己的域，那么我可以对其应用一些 CSS。我提供表格。我很久以前把它放在另一个域上以帮助服务器负载。不再需要从同一个域提供表单要花多少钱？
这可能是一个解决方案。您将表单移动到您的域并为表单制作响应式 CSS。不知道你说的费用是什么意思？
哦，如果您提供表单，那么为什么不在同一页面上添加一些 CSS 以使其具有响应性？虽然，看看它是如何构建的，它的响应不是很友好。如果您可以控制 html，则可能需要考虑对其进行一些更改。
@Maverick 抱歉使用俚语。 “它将给我买多少钱......”是一种询问我将代码移动到我的域是一个完整的解决方案还是只是一个部分解决方案的方式。换句话说，我是否能够在我的域上使用一些简单的 CSS 来缩放表单，或者我仍然需要解决表单的其他问题。
@MattSanders 我的客户创建了表单，然后我在他们的许可下复制了它，现在提供它。我不想完全重写表单，因为它以良好的转换率进行转换。如果我改变了主题而不是表单或广告，并且转换率下降了，那么我知道这是主题。换一个主题再试一次。如果我更改表单和主题，那么问题出在哪里？