2

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。在所有“宽度"-based,在该 response.js 页面上列出的视口变量(除了那些依赖于 response.js 的变量,我没有使用)我从所有变量中得到 320,除了 window.outerWidth,它是 480。但是,每一个一个在该 response.js 页面上返回 480。

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

4

1 回答 1

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

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

$(window).width();
于 2013-06-25T16:54:47.480 回答