javascript - chrome和firefox之间的window.innerWidth不同？

Question

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

window.innerWidth从 FX 和 chrome FX 返回不同的数字，而 Chrome 返回 1159 ，为什么会有差异以及如何解决？谢谢。

Answer 1

这是因为文档的使用取决于有多少视口可用于应用程序主体。

这将取决于应用程序边框的厚度、任何其他处于活动状态的插件等。

演示在这里。这将提醒浏览器的宽度，对我来说，chrome 给出 677，而 firefox 给出 674

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