瀏覽器的屏幕分辨率？

我：瀏覽器的屏幕分辨率？

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（無）。爲什麼不同瀏覽器的分辨率不同？

謝謝。

來源

2012-01-01 Krueger

使用jQuery很簡單，做這樣的事情：

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

沒有JS這應該足夠了：

screen.height; 
screen.width;

你的情況，即時猜測你會使用窗口，因爲這是您添加偵聽器的地方。此外，http://www.javascripter.net/faq/browserw.htm可以幫助一些更加萬無一失的代碼，因爲offsetWidth和Height似乎是一些IE的東西。

來源

2012-01-01 11:37:49 lfxgroove

您應該使用window.innerWidth和window.innerHeight

來源

2012-01-01 11:32:20 bummzack

@drake也許是因爲您的瀏覽器窗口大小不同？你究竟需要什麼？屏幕的大小，瀏覽器窗口的大小（內部還是外部）或「body」元素的大小？ – bummzack 2012-01-01 11:37:17

瀏覽器的屏幕分辨率？

回答

相關問題