将 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(),所以我很困惑。
最佳答案
<meta name="viewport" content="width=device-width; initial-scale=1.0;">
补充一点,我在 iPhone 上测试了它,它的输出是正确的。测试它与
$(window).width();
关于jquery - $(window).width() 在 iPhone 的纵向/横向模式下返回相同的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17303041/