javascript - chromeとfirefoxの間でwindow.innerWidthが異なりますか?

Question

html, body { 
     position:absolute; 
     width:100%; 
     height:100%; 
     margin: 0; 
     padding: 0; 
     overflow: hidden; 
}

window.innerWidthFX と chrome FX が 1429 を返すのに対し、Chrome は 1159 を返します。なぜ違いがあり、どのように修正するのですか? ありがとう。

Answer 1

これは、ドキュメントのwithが、アプリケーション本体で使用できるビューポートの量に依存するためです。

これは、アプリケーションの境界線の太さ、アクティブな他のプラグインなどによって異なります。

ここにデモがあります。これはブラウザの幅を警告します。私にとっては、Firefoxが674を提供しているのに対し、chromeは677を提供しています。

var body = $('body')
alert(body.width() + ' - ' + body.innerWidth())