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

Question

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

有谁可以帮助我知道原因吗？

谢谢

Answer 1

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

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

但是，该规范是“工作草案”，这意味着它仍在进行中，所陈述的定义可能无法实现。 实际上， 编辑草稿给出了两个不同的定义：

Web暴露的屏幕区域是以下之一：

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

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

有关该属性的更多讨论，请参见Quirks模式下PPK的咆哮“ screen.width is not use”