浏览器的屏幕分辨率？

Question

我：

window.addEventListener('resize',doSomething,false); 
     function doSomething() { 
      var yres = document.body.offsetHeight; 
      var xres = document.body.offsetWidth; 
      alert(xres+'x'+yres); 
     } 

该功能显示在谷歌我的身体分辨率Chrome浏览器使用（1350x651），在Firefox（1509x20）以及Internet Explorer（无）。为什么不同浏览器的分辨率不同？

谢谢。

Answer 1

使用jQuery很简单，做这样的事情：

$(window).width(); 
$(document).width(); 
$(window).height(); 
$(document).height(); 

没有JS这应该足够了：

screen.height; 
screen.width; 

你的情况，即时猜测你会使用窗口，因为这是您添加侦听器的地方。此外，http://www.javascripter.net/faq/browserw.htm可以帮助一些更加万无一失的代码，因为offsetWidth和Height似乎是一些IE的东西。

Answer 2

您应该使用window.innerWidth和window.innerHeight