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，发现方向更改没有问题。

使用JQuery Mobile的PhoneGap无法正确绘图

1 个答案: