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

我不能第一个注意到这一点,但自从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/

解决方法:

包含#bob的元素是否有边距或填充？如果他们这样做,那可能会增加超出#bob宽度和高度的空间,从而强制滚动条出现.

如果这是问题,你可以通过添加这样的CSS来解决这个问题：

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

标签：html,javascript,css,macos,osx-lion
来源： https://codeday.me/bug/20190903/1795323.html