javascript - 在 jQuery 中获取分区标记的高度

Question

我的 id 为“container”的部门标签具有以下样式

<style>
#container {
    background: #000;
    width: 100%;
    height: 100%;
}
</style>

我正在按如下方式检索高度和宽度

var WIDTH = $("#container").width();
var HEIGHT = $("#container").height();

我需要这个高度和宽度来设置我在 WEBGL 中的 View 。

我得到的宽度是正确的，但 height() 返回 0。最初我认为在获得高度和宽度之前我没有用任何数据填充我的分区标签，这可能是 height() 返回 0 的原因，但如果是这样的话我如何让 width() 正确？

如果我根据像素设置我的宽度和高度，它们工作正常，但问题是当在不同屏幕上查看网页时我想要准确。

Answer 1

你应该使用 html,body{height: 100%;} 然后才有效。否则你可以将你的 div 应用到绝对位置然后才有效。

#container {
background: #000;
width: 100%;
height: 100%;
position: absolute;
}

然后将 div 放置在用 div 包裹的位置并将位置应用于相对位置。