我使用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 - 就像他们想要的那样)。
答案 0 :(得分:0)
CSS高度通常优于显式高度声明。在这种情况下,尤其是因为您还可以提供媒体查询。
E.g:
@media only screen and (max-height:800px){
.myiframe{
height:700px;
}
}
答案 1 :(得分:0)
iframe{
height:660px;
}
将它放在你的css文件中,它应该完成。