html - 自定义接收器中的 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 和 body 标签设置为 100%，如下所示:

html, body { height: 100% }

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