window.innerWidth window.outerWidthの違いは何ですか？

Firebugのwindowオブジェクトを調べました。 window.innerWidthおよびwindow.outerWidthはともに1230です。window.innerWidth window.outerWidthの違いは何ですか？

これらの2つの値の違いは何ですか？

出典

2012-08-22 John Hoffman

：

window.outerWidth

window.outerWidthは、ブラウザウィンドウの外側の幅を取得します。サイドバーを含むブラウザウィンドウ全体の幅を表します。（展開されている場合）、ウィンドウクロム、ウィンドウのサイズ変更の境界線/ハンドル。

と

window.innerWidth

がレンダリング場合、を含むブラウザウィンドウのビューポートの幅（ピクセル単位）、垂直スクロールバー。

これは表面上の仕組みです。しかし、テストページでは、Ubuntu 12.04のFirefox 14.0.1でどのようにサイズを変更しても、両方が同じであることがわかります。 Chromiumでは、8ピクセル異なる数値を返します。推測のビットを少し行うと、その特定のアプリのウィンドウクロムは、左側に約4ピクセル、右側に4ピクセルあり、この差がそのブラウザで正しくピックアップされているように見えます。

テストページのコード私が使用：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>12066093</title> 
    <meta charset="utf-8"> 
</head> 
<body> 
<div style="width:2000px; height: 2000px;">hi</div> 
<script type="text/javascript"> 
    alert("window.innerWidth: " + window.innerWidth + "\nwindow.outerWidth: " + window.outerWidth); 
</script> 
</body> 
</html>

出典

2012-08-22 04:08:09 chucksmash

をしかし、すべての場合には、私は 'window.innerWidth'と' window.outerWidth'が等しいの両方を参照してください!! – AmerllicA

window.innerWidthとwindow.outerWidthのMozillaリファレンスを確認してください。オペレーティングシステム/ウィンドウマネージャにそれらがある場合、window.outerWidthにはウィンドウ枠、サイズ変更ハンドル、およびサイドバーが含まれます。

ブックマークまたは履歴サイドバーを開いて、Firebugでもう一度試してみてください。 Mozillaの開発者ネットワークから

出典

2012-08-22 04:01:21 Snowball

window.innerWidth window.outerWidthの違いは何ですか？

答えて

関連する問題