jquery - $(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，而链接到之前声明 $(window).width() 返回 480 的 response.js 页面。该response.js页面上列出的基于“宽度”的视口(viewport)变量(除了那些依赖于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();