iframe 在 iOS 中打开全高 - 如何避免这种情况？

Question

我使用 iframe 将小部件从我的网站嵌入到其他网站。

这个 iframe 包含多个 DIV，其中一个 (#statements) 通常比我设置的 iframe 的最大高度长。

当我在浏览器中打开它时，它看起来很好： http://noduslabs.com/portfolio/hitech-companies/

但是，当我希望它在 iPhone / iOS 上时 - iframe 高度参数被忽略，我看到了页面的完整长度。

如何避免这种情况？

这是我目前使用的代码：

<iframe width="100%" height="660" src="http://infranodus.com/seogoogle/seoseo?background=1" frameborder="0" allowfullscreen></iframe>

谢谢！

更新 事实上，我不希望这个 iframe 的高度固定为 660，而是——嵌入它的用户可以设置任何高度，并且它可以在 iOS 上运行（所以 200 或 1000——就像他们想要的那样）。

Answer 1

CSS 高度通常优于显式高度声明。在这种情况下，尤其是因为您还可以提供媒体查询。

例如：

@media only screen and (max-height:800px){
  .myiframe{
    height:700px;
  }
}

Answer 2

iframe{
   height:660px;
}

把它放在你的 css 文件中就可以了。