PhoneGap 与 JQuery Mobile 无法正确绘制

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">

我已经将phonegap与jQuery mobile一起使用，没有发现方向改变的问题。