我尝试着
<iframe height="100%" ...>
但它仍然没有调整它的大小.当我尝试像素的高度时,它的工作原理.
编辑:100%似乎在IE上工作,但不是Firefox
dte*_*ech 173
你可以用CSS做到这一点:
<iframe style="position: absolute; height: 100%; border: none"></iframe>
请注意,默认情况下会将其放在页面的左上角,但我想这就是您想要实现的目标.您可以与位置left,right,top和bottomCSS属性.
Wal*_*rée 45
iframe没有达到100%高度的问题不是因为它们很笨重.问题是,要让他们达到100%的身高,他们需要父母拥有100%的身高.如果其中一个iframe的父母不是100%高,那么iframe将无法超越父母的身高.
所以最好的解决方案是:
html, body, iframe { height: 100%; }
......鉴于iframe直接在体下.如果iframe在其自身与正文之间有父级,则iframe仍将获得其父级的高度.必须明确地将每个父母的身高设置为100%(如果这是他们想要的).
测试中:
Chrome 30,Firefox 24,Safari 6.0.5,Opera 16,IE 7, 8, 9 and 10
PS:我不是故意挑剔,但标记为正确的解决方案Firefox 24在撰写本文时并不起作用,但仍在努力Chrome 30.但是没有在其他浏览器上测试过.我碰到的错误来了Firefox,因为我是测试页面只有很少的内容......这可能是它是我的微薄标记或CSS复位改变输出,但如果我遇到这个错误我想接受的答案不会在每一个工作情况.