自定义接收器中的100%高度iFrame

Question

我的Chromecast（CC）应用程序有一个自定义接收器（CR），需要使iFrame达到100%高度。

我将宽度设置为100%，这很有效，但尽管将高度定义为100%，它似乎只有（屏幕）高度的1/3

关于如何实现全高iFrame，有什么想法吗？

以下代码：

HTML:

<iframe id="container"frameborder="0" scrolling="no" seamless="seamless"></iframe>

CSS：

#container {
  border: none;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

Answer 1

这有点棘手，因为高度的默认设置不是100%（在body、html标记中），所以你所要做的就是设置html&身体标签100%像这样：

html, body { height: 100% }

http://jsfiddle.net/e6yqsro9/4/