Jquery Mobile + Phonegap的字體大小不同

我正在開發一個在Android平臺上使用Phonegap和Jquery Mobile的應用程序。Jquery Mobile + Phonegap的字體大小不同

我設計了一個簡單的頁面。我還沒有開始任何定製。但看看下面的屏幕。

屏幕1：該頁面將在我的Android設備中的PhoneGap內推出 Page loaded inside phonegap

屏幕2：在相同的Android瀏覽器 Page loaded in the browser

推出的的.html頁面相同的頁面查看尺寸變化...爲什麼顯示不同？在爲Phonegap設計jQuery移動頁面時，是否需要考慮一些標準問題？

來源

2013-11-09 Malaiselvan

會發生什麼事是你的視口元標記中？

例如，你可能有類似的東西：

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

我的一個應用程序，我用這個，它似乎被「縮小」類似於應用程序如何看起來。

爲了解決這個問題，我只是改變了我的視口元標記：

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

來源

2013-11-10 06:10:02

我只刪除了「target-densitydpi = device-dpi」，它工作正常。 – Malaiselvan

更多內容：http://bowdenweb.com/wp/2011/05/meta-nameviewport-contenttarget-densitydpidevice-dpi.html所以，我敢打賭，如果你讓Android縮放，你會遇到模糊的圖像問題。對？ – Costa

您應該使用百分比格式的字體大小。將在任何PhoneGap的應用程序工作.. 例如：

body{ 
font-size:200%; 
}

來源

2013-11-10 02:14:27

最好的辦法是使用視單位，如大衆和VH，其設置元素相對的的字體大小視口的尺寸。

來源

2015-08-10 22:31:46 MPaulo

Jquery Mobile + Phonegap的字體大小不同

回答

相關問題