$（window）.width（）在iPhone的縱向/橫向模式下返回相同的值

Question

將meta name =「viewport」content =「width = device-width」標記放入我的HTML文件頭部之後，我在我的iPhone 4上以縱向模式從$（window）.width（）獲得320.這是我的預期，並與我從這裏得到的結果相符：http://responsejs.com/labs/dimensions/（此鏈接在另一個類似的關於SO的討論中提供） 。然而，當我切換到橫向模式時，$（window）.width（）繼續返回320，而與之前鏈接的response.js頁面聲稱$（window）.width（）返回480。在response.js頁面上列出的所有「寬度」的Viewport變量（除了那些依賴於response.js的函數，我沒有使用它們）除了window.outerWidth（480）之外，我得到了320個。但是，每個人在response.js頁面上返回480。

我在這裏錯過了什麼？我查看了response.js頁面的源代碼，他們似乎只是在調用$（window）.width（），所以我很迷惑。

Answer 1

<meta name="viewport" content="width=device-width; initial-scale=1.0;"> 

此外，我已經測試了它在我的iPhone上，它的輸出是正確的。測試它與

$(window).width();