2013-10-25 6 views
11

ブラウザウィンドウの幅を$(window).width();で取得しようとしました。 IE 10では、スクロールバーを含めてブラウザの全幅を返します。ただし、FirefoxとChromeでは、両方ともスクロールバーなしで値を返します。スクロールバーを含むブラウザウィンドウの幅を取得する

ブラウザの幅をスクロールバーに含めるにはどうすればよいですか?検出された幅はCSSとまったく同じである必要があるからです。

ありがとうございました。

window.outerWidth 

注: jQueryのouterWidthの()$上では動作しません(ウィンドウ)

+0

方法については$(文書).width()を必要なときに正解のようです。 –

+0

「検出された幅がCSSと正確に同じである必要があります。」どのCSSプロパティについて話していますか? – Adassko

+0

どのCSSプロパティがわかりません。しかし、それはブートストラップレスポンスCSSです。 – user1995781

答えて

16

もう少し複雑です。 body.clientWidthは、スクロールバーを除く幅です。 window.outerWidthは、スクロールバーやウィンドウ枠のような他のウィンドウ要素を含む幅です。 window.innerWidthはスクロールバーを含むウィンドウの実際の幅ですが、ウィンドウの境界線は含まれません。

enter image description here

+0

ありがとうございます。しかしそれはまだ同じです。スクロールバーの幅を検出するには? – user1995781

+0

私はもう一度編集しなければならなかった...申し訳ありません...私はこれを最初に考えてばかげていました。 – infidel

+0

これは以前と同じ値です。 – user1995781

25

最初の答えは接戦だったが、それ以上の検査の際にこれは完全なウィンドウの幅を取得します

+0

これは3年後でさえ、正しいマーク付けされた答えになるはずです。 – runfaj

5

window.innerWidth応答設計のための

+0

私が必要とするもの。問題のOPのコメントによると、これは受け入れられた答えだったはずです。 – Gogol

関連する問題