2011-08-09 47 views
3

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

比方说,你要设置一个div负载诶浏览器窗口的大小...

// load jquery // 

<div id="bob"> 
</div> 

    <script> 
     $('#bob').width($(window).width()).height($(window).height()); 
    </script> 

,什么结束了发生的事情是这样的 enter image description here

对此请问WTF

这里的问题

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

+1

是这样的,还是其他浏览器中的狮子出现这种现象呢? – dfreeman

+1

我测试过的每个浏览器的结果都是一样的 – samccone

回答

5

的例子做含#bob有边距或填充的元素?如果他们这样做,那可能会在#bob的宽度和高度之外添加更多空间,强制滚动条出现。

如果是这样的问题,你可以解决,通过添加CSS是这样的:刚Safari浏览器下

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

这个链接上的任何想法.. http://lab.aerotwist.com/webgl/a3/vertex-manipulation/? – samccone

+2

@samccone:将'display:block;'添加到'canvas'。 – icktoofay

+0

啊!太聪明了......我现在觉得很愚蠢:\ – samccone