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 返回 1429 而 Chrome 返回 1159 ，为什么不同以及如何解决？谢谢。

Answer 1

这是因为文档的大小取决于有多少视口(viewport)可用于应用程序主体。

这将取决于应用程序边框的厚度、任何其他事件的插件等。

demo here .这将提醒浏览器的宽度，对我来说 chrome 是 677 而 firefox 是 674

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