wordpress - 您可以使iFrame响应式吗？

Question

我想将一个网站嵌入另一个网站的WordPress页面中。

iframed网站是asp中的联系表单处理页面，并且没有响应。

我可以将其包装在具有响应能力的div标签中，还是可以使iFrame响应？

谢谢。

Answer 1

取决于您希望iframe响应什么:包含块的更改或iframe内部内容的更改。

如果您希望iframe适应包含块的大小(例如，用户调整浏览器窗口的大小)，则可能希望使用百分比值向iframe元素添加相对尺寸，例如通过样式表:

html,body {
    height:100%;
}

iframe {
  width:80%;
  height:80%;
}

为此，您还需要将html和body设置为100％的高度，不要问我为什么:-)，但是这种魔术才有效。

示例: http://jsfiddle.net/4z2hn/

我想发表我的个人看法: 最好不要使用JavaScript解决布局问题。 为此，请改用CSS。当前CSS实现的强大功能允许风格上的灵活性，并提供以前无法使用的设计可能性。只有在所有其他方法都失败的情况下，才可以采用脚本化解决方案。