Jquery Mobile Safari窗口报告980px

为什么这份报告会在iPhone4上发布980？我以为是960或640

alert($(window).width());

---

你试过以下方法吗

alert($(document).width());

---

您将获得默认的视口设置。查看并搜索“视口”

属性说明

宽度视口的宽度（以像素为单位）。默认值为980。范围从200到10000。您还可以将此属性设置为“number”中描述的常量 在iOS 1.0及更高版本中提供

根据文档获取设备宽度：

例如，要将视口宽度设置为设备的宽度，请将其添加到HTML文件中：

---

在safari中，默认窗口宽度为980px，因此，如果javascript在窗口加载之前开始执行，则宽度将为980px，即使视口元标记将宽度指定为“设备宽度”

如果您发现添加meta标记

并不能解决您的问题，那么请确保您的Javascript代码仅在加载窗口后执行

在香草Javascript中：

console.log(window.innerWidth) // might be the default width

window.onload= function () {
  console.log(window.innerWidth) // should now be device width
  //... your code here ...

}

或者，如果使用jQuery：

console.log(window.innerWidth) // might be the default width

$( document ).ready(function () {
  console.log(window.innerWidth) // should now be device width
  //... your code here ...
})

---

我仍然得到980分。我希望640px，因为这是垂直放置时的水平宽度。谢谢。还感谢您提供到Applie iOS文档的链接。你是救命恩人！但是，如果我将viewport设置为width=devicewidth，那么横向中的ipad不应该返回1024吗？相反，它返回768（高度而不是宽度），解决了我在响应式网站设计中遇到的一个主要问题。在任何低于980px的设备、平板电脑、安卓系统和ios上都无法工作。非常感谢。

console.log(window.innerWidth) // might be the default width

$( document ).ready(function () {
  console.log(window.innerWidth) // should now be device width
  //... your code here ...
})