window.screen.width給出了在ladscape模式下iPhone/iPad屏幕的高度

Question

我試圖確定當前訪問頁面的屏幕寬度，並試圖在Chrome瀏覽器中使用Chrome瀏覽器，在Chrome模擬器中正常工作，並且嘗試window.screen.width我嘗試過的三星手機。但是，如果我從實際的iPhone或iPad執行相同操作，則當設備處於橫向模式時，寬度將顯示爲高度。這裏是它的外觀網站mydevice.io

• In portrait mode上的屏幕轉儲（這裏一切都很好）
• In landscape mode，那裏的東西都是奇數

爲什麼是大小錯誤的，沒有任何方法來解決它？

Answer 1

screen.width大多數Opera和Android瀏覽器的行爲與您所期望的相同，並且會返回縱向和橫向的值。

iOS返回屏幕的尺寸，但不關心內容的縱向和橫向。

window.outerWidth或window.innerWidth在手機方面更爲可靠，但與身高無關（window.outerHeight）。