html&的下行身高100%?

时间:2016-03-10 18:11:34

标签: javascript html css iframe

我在Facebook游戏上创建叠加层。这些游戏显示在iframe中。 我可以渲染500px * 500px或700px * 700px;

我必须检测嵌入游戏的iframe的大小,以了解我应该渲染的叠加层。

我找到的唯一合适的技术是创建宽度为100%且高度为100%的div,然后使用javascript检索其大小。

html, body {
    height: 100%;
    margin: 0px;
}
.container {
    height: 100%;
    background: #f0e68c;
}

使其工作的条件是将html和身高设置为100%。否则,检索到的容器高度为0。

我的问题是:你认为身高= 100%且html身高= 100%会打破包含游戏的页面吗?

我想相信它在页面上没有任何后果:) 但与此同时,我知道body和html的默认值是auto,而不是100%。 我可能在这里遗漏了一些关键信息。

你怎么看? 谢谢你的建议!

2 个答案:

答案 0 :(得分:1)

不,iframe中的样式规则不会影响父页面。

答案 1 :(得分:0)

将高度设置为100%意味着它始终采用视口的大小。由于您包含的iframe不会影响任何其他DOM元素,因此不会影响您的网站