我正在为牙医朋友开发一个网站。到目前为止看起来很好，我正在使用Wordpress和enfold theme。
本网站所要求的功能之一是包含DemandForce预约表格，以便客户可以在新网站内安排预约。
我访问了Demand力量，发现包含联系表单的方式是：
<link type="text/css" rel="stylesheet" href="//www.demandforce.com/widget/css/widget.css" />我通过修改header.php <script type="text/javascript">
d3cp_bid = 'private'; // Business ID in DemandforceD3
//d3cp_appt_source = 'My Website'; //optional. See Instructions.
//d3cp_appt_returnpage = 'your_page_url'; // Optional. See Instructions.
//d3cp_appt_postdata = 'false'; // Optional. See Instructions.
</script>
<script src="//www.demandforced3.com/b/burlingamesmile/scheduler.widget" type="text/javascript"></script>
我还通过创建原始文本字段并输入它来完成。可以看到here的结果。您可能已经注意到表单格式不正确，我不明白为什么。我检查了源代码，CSS文件和脚本都应该放在哪里，所以我不能完全解决显示问题。
由于我无法用这种方式弄明白，我尝试了另一个想法。实际的预订表格是here。这种形式的好处是实际上是响应。所以我用以下内容创建了另一个页面：
<iframe src="https://www.demandforce.com/b/burlingamesmile/schedule" width="1000" height="1500"></iframe>。如何看待这种外观here
这表现为 ok 。但是框架尺寸不能很好地适应不同的屏幕尺寸（智能手机，平板电脑等）我已经研究过this一个，但它没有做到这一点。
此刻我的想法已经不多了，所以任何评论/帮助都会一如既往地受到赞赏。
非常感谢大家。
答案 0 :(得分：2)
尝试将此添加到主题的自定义CSS部分：
iframe, object, embed {
max-width: 100%;
}
为我工作，使iframe中的内容响应。