Jquery Mobile + Phonegap的字体大小不同 [英] Jquery Mobile + Phonegap the font sizes are different

问题描述

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

I am developing an application using Phonegap with Jquery Mobile on Android Platform.

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

I designed a simple page. I haven't started any customization yet. But look at the below screens.

屏幕1：在Android设备中的PhoneGap内启动的页面

Screen 1: The page launched inside the PhoneGap in my android device

屏幕2：同一个页面在同一个Android browser

Screen 2: The same page launched as a .html page in the same android browser

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

See the size variations... Why it is displaying differently? Do I need to take some standard consideration while designing jQuery mobile pages for Phonegap?

推荐答案

？

例如，您可能有类似的：

For example, you might have something similar to:

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

我的一个应用程序，我使用这个，它似乎是缩小类似于你的应用程序似乎。

One of my application I was using this and it seemed to be "Zoomed out" similar to how your application seems.

为了解决这个问题，我将视口元标记更改为：

To solve this, I just changed my viewport meta tag to:

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

这篇关于Jquery Mobile + Phonegap的字体大小不同的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！