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

Question

在我的HTML文件的头部放入 meta name =“viewport”content =“width = device-width”标签后，我从$（window）获得320.width（）在我的iPhone 4上以纵向模式进行。这是我的预期，并且与我从这里得到的内容相符：http://responsejs.com/labs/dimensions/（此链接是在另一个类似的讨论中提供的。）

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

我在这里缺少什么？我浏览了那个response.js页面的来源，他们似乎只是像我一样调用$（window）.width（），所以我很神秘。

Answer 1

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

添加它，我已经在我的iPhone上测试了它的输出是正确的。用

进行测试

$(window).width();