OSX 10.7 $(window).width() 返回错误的值

Question

我不是第一个注意到这一点的人，但自从 10.7 发布以来，他们实现了新样式的滚动条 $(window).width() 和 $(window).height() 不再正确返回浏览器的大小windows viewport ....

假设您想在加载时设置一个与浏览器窗口大小相同的div...

// load jquery //
    
<div id="bob">
</div>
    
    <script>
      $('#bob').width($(window).width()).height($(window).height());
    </script>

最终发生的事情是这样的

对此我问WTF？

这是问题的示例

http://lab .aerotwist.com/webgl/a3/vertex-manipulation/

Answer 1

包含 #bob 的元素是否有边距或填充？如果这样做，可能会在 #bob 的宽度和高度之外添加更多空间，从而强制出现滚动条。

如果这是问题所在，您可以通过添加 CSS 来解决该问题，如下所示：

html, body, #bob {
    margin: 0;
    padding: 0;
}