screen.width在Firefox和Chrome上產生不同的結果

Question

我正在與一個網站工作，我知道屏幕的寬度，這就是爲什麼我試着screen.width，但我不知道爲什麼我在Firefox上得到不同的結果和Chrome。看起來火狐顯示我正確的價值，但Chrome並沒有。

有沒有人可以幫助我知道原因是什麼？

謝謝

Answer 1

原因是目前還沒有定義什麼值應該是什麼標準。最接近的是CSSOM View Module，其中規定：

width屬性必須以CSS像素爲單位返回輸出設備的寬度。

但是，該規範是一個工作草案，這意味着它是一個正在進行的工作，並且所述定義可能不是實現的。事實上，Editor's Draft給出了兩個不同的定義：

的網絡暴露屏幕區域是下列之一：

• 輸出器件的面積，在CSS像素。
• 視口的區域，以CSS像素爲單位。

很明顯，瀏覽器廠商正在採取他們想要的任何定義。

有關該屬性的更多討論，請參見PPK's rant "screen.width is useless" on Quirks Mode