2012-01-01 24 views
2

私が持っている:ブラウザの画面解像度?

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

この機能では、Googleで私の体の解像度は、Firefox(1509x20)で、インターネットエクスプローラ(何も)で、私の(1350x651)のクロムを示しています。異なるブラウザの解像度が異なるのはなぜですか?

ありがとうございました。あなたはwindow.innerWidthを使用する必要があります

答えて

5

、ような何か:これは十分ですJSがなけれ

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

を:

screen.height; 
screen.width; 

をお使いの場合イムはあなたを推測するだろうその場所はリスナーを追加した場所なのでまた、http://www.javascripter.net/faq/browserw.htmはoffsetWidthとHeightがIEのように見えるので、もっと簡単なコードで助けてくれるかもしれません。

1

と、それは簡単ですjQueryを使ってwindow.innerHeight

+3

@ drakeおそらく、ブラウザのウィンドウのサイズが異なるためですか?正確に何が必要ですか?画面のサイズ、ブラウザウィンドウのサイズ(内側または外側)、または "body"要素のサイズ? – bummzack