【问题标题】:Different window.innerWidth between chrome and firefox?chrome和firefox之间的window.innerWidth不同?
【发布时间】:2013-01-05 05:31:05
【问题描述】:
html, body { 
     position:absolute; 
     width:100%; 
     height:100%; 
     margin: 0; 
     padding: 0; 
     overflow: hidden; 
}

window.innerWidth 从 FX 和 chrome 返回不同的数字 FX 返回 1429 而 Chrome 返回 1159 ,为什么存在差异以及如何解决?谢谢。

【问题讨论】:

  • 屏幕上的窗口实际上是相同的宽度吗?
  • 两者都是最大尺寸
  • 我检查了firefox开发者模式,它的body的客户端宽度是1429而不是1159 ..为什么会有差异?
  • 因为他们有不同数量的窗口镀铬?真的,这里没有足够的信息来回答。
  • 抱歉,我需要提供哪些额外信息?

标签: javascript html css width


【解决方案1】:

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

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

demo here。这将提醒浏览器的宽度,对我来说,chrome 给出 677,而 firefox 给出 674

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

【讨论】:

  • 我知道这是一条旧评论,但这对我不起作用。在该演示中,Chrome 显示 837 与 Firefox 645 的巨大差异。
  • @MagicLasso 我知道这也是一条旧评论,但您可以查看浏览器缩放