之前写了一个关于滚动条的东西，可是在写的时候发现JQuery在获取宽度和高度时在不同浏览器中是不一样的，下面发一下代码给给位看官先展示一下：
$(function(){
$("#main").html(
"$(document).width():"+$(document).width()+
"<br />$(document).height():"+$(document).height()+
"<br />$(window).width():"+$(window).width()+
"<br />$(window).height():"+$(window).height()+
"<br />$(document.body).width():"+$(document.body).width()+
"<br />$(document.body).height():"+$(document.body).height()
);
});打印出来的截屏如下：
这个是在Chrome中的效果，下面来看一下IE中的：
比较一下吧~我们可以看到，当选择document的时候两个浏览器出现了不同的值，IE中对于document的宽和高都增加了4像素，而对于window和document.body的却很正常，所以打算通过屏幕的大小来设定网站轮廓大小的童鞋还是多用用window的宽和高吧！
ps：document.body在没有内容的时候高度是零，为什么呢？你说为什么呢？哈哈……这么简单的问题就不用我回答了吧~要是还不明白就去看看html的DOM吧~要是还不懂可以给我留言~