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

时间:2014-09-26 13:14:09

标签: html css iframe chromecast

我的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%;
}

1 个答案:

答案 0 :(得分:1)

它有点棘手,因为高度的默认设置不是100%(在正文,html标签中)所以你所要做的就是设置html&amp;身体标签100%像这样:

html, body { height: 100% }

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