HTML的缺点＆身高100％？

Question

我在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％。 我可能在这里缺少一些关键信息。

你怎么看 ？ 感谢您的建议！

Answer 1

不可以，iframe中的样式规则不会影响父页面。

Answer 2

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