Question

我正在使用JQUery Mobile Beta 1编写移动应用程序，并期望屏幕在从纵向旋转到横向时自动在iphone上调整，反之亦然但是没有发生。

我只是打开了这个链接（Beta 1 doc demo）

但它也没有调整屏幕。

我错过了什么吗？

编辑：对于Beta 2，它似乎是相同的。我检查了演示和放大器。 docs iPhone和它的行为相似。我需要点按一个屏幕进行调整。不像纵向那样自动进行。

Itizme

Answer 1

在您的文档<head>中，而不是这样做：

<meta name="viewport" content="width=device-width, initial-scale=1">

这样做：

<meta name="viewport" content="initial-scale=1, maximum-scale=1">

当您的设备更改时（即旋转时），MobileSafari会在调整视口大小之前放大页面。因此，当应该让页面自行调整大小时，基于纵向屏幕宽度应用缩放。通过将初始和最大比例设置为1，我们禁用缩放。因此，当您旋转时，MobileSafari无法错误地放大您的页面，从而解决了问题。