$（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();