Html 如何使Iframe中的内容具有响应性？

我不太了解iFrame（从未真正使用过它们），我正在使用它在我们的一个页面上显示一个表单。目前我们正在使用wufoo表单并使用它们的嵌入代码，但是我们的seo团队发现嵌入表单正在向我们不想要的东西添加h1标记。因此，我们采取的形式，并把它放在我们的服务器

我在这里创建了表单

我希望表单看起来像这样（嵌入来自wufoo的代码）

这是我拙劣的尝试

我如何使iframe中的内容具有响应性，就像它们对嵌入代码所做的那样

我使用iframe的唯一原因是javascript和css文件与当前主题混乱，所以我将它们分开

您可以使iframe（而不是内容）响应：

iframe, object, embed {
        max-width: 100%;
}

如果要删除滚动条，请添加以下设置：

frameborder='0' scrolling='no' 

如果您想在iframe中设置内容的样式，我建议使用jQuery

iframe1.$('superclass').style.border = '1px solid #000000'

或

您需要创建样式：“@media…”条目。通常，它们是在ccs文件中完成的。但如果我理解正确，您希望在表单代码中手动执行此操作吗？ 在这种情况下，我建议您在一个单独的编辑器窗口中准备它，并将其复制并粘贴到表单文件中

例如：

// min based
@media screen and (min-width: 960px) {
#divname {
color:green;
}
}

// or max based
@media screen and (max-width: 960px) {
#divname {
color:red;
}
}

通过此操作，您可以管理所有部件

我想你没见过他们在一个css中有不同的设计吗？ 搜索@media标记并复制粘贴

// min based
@media screen and (min-width: 960px) {
#divname {
color:green;
}
}

// or max based
@media screen and (max-width: 960px) {
#divname {
color:red;
}
}