带有 JQuery Mobile 的 PhoneGap 无法正确绘制

Question

我正在调查使用 JQuery Mobile 和 PhoneGap 的一些问题。

当我像这样使用视点元标记时，

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>

第一个观察结果是我的应用不喜欢从纵向更改为横向，反之亦然。如果我旋转我的手机 (Android)，PhoneGap 应用程序会立即退出。

当我有这样的事情时，

<div id="index" data-role="page">
    <div data-role="content">
        <ul data-role="listview" data-theme="g">
            <li><a href="#sync">Sync</a></li>
        </ul>
    </div>
</div>
<div id="sync" data-role="page">
    <div data-role="header" data-position="inline">
        <a data-rel="back" data-icon="back">Back</a>
        <h1>Sync</h1>
    </div>
</div>

这是一个列表，其中包含指向第二个页面的链接，称为同步。当我点击第二页的链接时，整个页面在绘制动画时会向下移动一个像素以移动到第二页？

我会观察到的另一件事是，我的设备上的文字似乎非常小，即 480 x 800 ~ 246 DPI

在决定继续使用 PhoneGap 和 JQuery Mobile 之前，我需要解决这些问题。

更新：

我从头开始开发我的应用程序，旋转它不会导致应用程序退出。但其他问题仍然存在。

Answer 1

建议使用：

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

我已经在 jQuery mobile 中使用 phonegap，发现方向变化没有问题。