android - Jquery Mobile + Phonegap 字体大小不同

Question

我正在 Android 平台上使用 Phonegap 和 Jquery Mobile 开发一个应用程序。

我设计了一个简单的页面。我还没有开始任何定制。但是看看下面的屏幕。

屏幕 1:在我的 Android 设备的 PhoneGap 中启动的页面

屏幕 2:同一页面在同一个 Android 浏览器中作为 .html 页面启动

查看尺寸变化...为什么显示不同？在为 Phonegap 设计 jQuery 移动页面时，我是否需要考虑一些标准问题？

Answer 1

您的视口(viewport)元标记中会发生什么？

例如，您可能有类似于:

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

我的一个应用程序我正在使用它，它看起来像您的应用程序一样“缩小”。

为了解决这个问题，我将视口(viewport)元标记更改为:

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