使用Javascript使此联系人表单具有响应性

我对javascript非常陌生，但对HTML和CSS还处于中级水平

这就是问题所在。我刚刚在Foxyform上注册了一个第三方联系人表单服务。他们提供了一个代码粘贴到页面并上传。它在桌面视图中运行良好，但是当人们在不同的移动设备或更小的设备上访问联系人页面时，它看起来空间不足，没有响应能力。在主题内的@media screen中没有编辑它的选项

是否可以使此联系人表单响应

代码如下：

HTML:

---

您的contactform提供商在页面中包含一个iframe

iframe不能由包含它的网站设置样式，因为大多数浏览器将其作为自己的网页处理，并嵌入到另一个网页中。

找到了CSS的修复方法（不是jquery/javascript抱歉）（对于googleCalendar iframe），但我对foxyForms iframe使用了相同的概念

通过

html

---

它允许我在容器中放置一行，并使用引导响应类。希望这是正确的，我还是一个初学者，请随时更正我犯的任何错误。

您是否可以制作自己的css样式表并将其包含在内？它是使用iframe创建表单（您的表单是否位于iframe中）还是仅仅是表单？抱歉，他们没有提供任何csscode@sarhov这只是一种形式。如果您需要，我可以提供他们提供的全部代码。是的，源代码的快照或其生成的html片段将帮助我们了解我们是否可以使用csshow控制其首选项您知道这是一个iframe…？我在代码中查看了他加载的脚本。（）有一行

i=d.createElement（'IFRAME'）这基本上意味着脚本创建了一个iframe元素来显示表单。哦，这真是太好了。谢谢关于这些我没有任何线索。那么，有没有可能对其进行编辑以使其具有响应性呢？啊，现在有意义了@不，正如我解释的。。。查看他们的文档，也许他们正在为此提供一些指导……我刚刚做了@Reflic；）
<a id="foxyform_embed_link_602624" href="http://www.foxyform.com/"></a>

(function(d, t) {
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.src = "http://www.foxyform.com/js.php?id=602624&sec_hash=54f3ab77bfb&width=350px";
s.parentNode.insertBefore(g, s);
}(document, "script"));

    <div class="responsiveCal">

      <iframe src="https://calendar.google.com/calendar/embed? showTitle=0&amp;showDate=0&amp;showPrint=0&amp;showCalendars=0&amp;showTz=0&amp;height=600&amp;wkst=2&amp;hl=nl&amp;bgcolor=%23FFFFFF&amp;src=example.be_cpkbjcpttgb5q0%40group.calendar.google.com&amp;color=%23ffcf03&amp;ctz=Europe%2FBrussels" style="border-width:0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
    </div>

    .responsiveCal {

      position: relative; padding-bottom: 75%; height: 0; overflow: hidden;

    }

    .responsiveCal iframe {

      position: absolute; top:0; left: 0; width: 100%; height: 100%;

    }