javascript - html 和 body 高度的缺点 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和body height设置为100%。否则检索到的容器高度为 0。

我的问题是:您认为 body height = 100% 和 html height = 100% 会破坏包含游戏的页面吗？

我想相信它不会对页面产生任何影响 :) 但同时，我知道 body 和 html 的默认值是 auto，而不是 100%。 我可能在这里遗漏了一些关键信息。

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

Answer 1

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