iframe在iOS中打开全高 - 如何避免?

时间:2015-03-25 16:48:04

标签: html ios css iframe embed

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

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

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

然而,当我希望它在iPhone / iOS上时 - 忽略iframe height参数,我看到页面的全长。

我该如何避免?

这是我目前使用的代码:

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

谢谢!

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

2 个答案:

答案 0 :(得分:0)

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

E.g:

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

答案 1 :(得分:0)

iframe{
   height:660px;
}

将它放在你的css文件中,它应该完成。