screen.width在Firefox和Chrome上产生不同的结果

Question

我正在网站上工作，我知道屏幕的宽度，这就是为什么我尝试使用screen.width，但我不知道为什么我会得到不同的结果在Firefox和Chrome上。似乎Firefox向我展示了正确的值，但Chrome没有。

有没有人可以帮助我知道原因是什么？

由于

Answer 1

原因是目前没有标准定义该值应该是什么。最接近的是CSSOM View Module，其中指出：

  

width属性必须以CSS像素为单位返回输出设备的宽度。

但是，该规范是工作草案，这意味着它正在进行中，所述定义可能不是实施的。实际上，Editor's Draft给出了两个不同的定义：

  

网络曝光的屏幕区域是以下之一：

     

  
• 输出设备的区域，以CSS像素为单位。
  
• 视口区域，以CSS像素为单位。
  

很明显，浏览器供应商正在采用他们想要的任何定义。

有关该属性的更多讨论，请参阅PPK's rant "screen.width is useless" on Quirks Mode