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

Question

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

让我们说你想在加载时设置一个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;
}