$(window).width() 在 iPhone 的纵向/横向模式下返回相同的值

Question

将 meta name="viewport" content="width=device-width" 标记放在我的 HTML 文件的头部后，我从 $(window).width() 得到 320在我的 iPhone 4 上处于纵向模式。这是我所期望的，并且与我从这里得到的相匹配：http://responsejs.com/labs/dimensions/（此链接在另一个类似的 SO 讨论中提供）。

但是，当我切换到横向模式时，$(window).width() 继续返回 320，而之前链接到的 response.js 页面声称 $(window).width() 返回 480。该 response.js 页面上列出的基于“宽度”的视口变量（除了那些依赖于 response.js 的变量，我没有使用）我从所有变量中得到 320，除了 window.outerWidth，它是 480。但是，每一个都在该 response.js 页面上返回 480。

我在这里缺少什么？我查看了该 response.js 页面的源代码，他们似乎只是像我一样调用 $(window).width()，所以我很困惑。

Answer 1

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

补充一下，我已经在我的 iPhone 上测试了它，它的输出是正确的。用

测试它

$(window).width();