html＆amp;的下行身高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元素，因此不会影响您的网站