35

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

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

ありがとう。

4

4 に答える 4

74

最初の答えは近いものでしたが、さらに調べてみると、もう少し複雑です。スクロールバーを除いたbody.clientWidth幅です。はwindow.outerWidth、スクロールバーやウィンドウ境界などの他のウィンドウ要素を含む幅です。はwindow.innerWidth、スクロールバーを含むウィンドウの実際の幅ですが、ウィンドウの境界は含みません。

ここに画像の説明を入力

于 2014-09-30T14:31:09.917 に答える
29

これにより、ウィンドウの幅全体が取得されます。

 window.outerWidth

注: jQueryouterWidth()は動作しません$(window)

于 2013-10-25T06:50:24.640 に答える
22

window.innerWidthレスポンシブデザインに必要な場合は正しい答えのようです

于 2017-01-04T10:29:12.687 に答える