Phonegap iOS應用程序的字體渲染不正確

當我們在iPhone4（視網膜顯示）屏幕上使用safari瀏覽器呈現模板屏幕時，UI顯示無任何問題。我移植了與Phonegap iOS應用程序相同的模板代碼。移植原生應用程序後，移植UI字體的次數增加了。我用下面的視口元標記在我的代碼：Phonegap iOS應用程序的字體渲染不正確

<meta name="viewport" content="width=device-width,initial-scale=0.5 maximum-scale=0.5; user-scalable=0;"> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta content='True' name='HandheldFriendly' />

有人能解釋我爲什麼字體大小可以正確地呈現在Safari瀏覽器，但不是在PhoneGap的iOS應用程序？

來源

2012-08-10 rpelluru

，我發現我的問題的根本原因，這是因爲在cordova.plist文件「EnableViewPortScale」值。我們應該把這個值設置爲'YES'，但是在我的項目設置中它是'不'。

將此值設置爲'YES'可以解決我的問題。

來源

2012-08-14 06:00:11 rpelluru

在cordova.xml中，可能的值爲'true'和'false'。 – brodybits 2016-02-21 11:19:30

你可以嘗試-webkit-text-size-adjust，並將其設置得100％。

另一件事引起，這可能是你遇到-webkit-變換設置到容器上時，它在硬件加速模式和字體的獲取有點模糊。

來源

2012-08-10 11:09:00 zvona

我試過了，但它沒有幫助我。 – rpelluru 2012-08-10 11:11:01

我相信手機safari使用.svg進行字體渲染。所以如果你使用的是一個非標準的字體，可能是一個地方看。

來源

2012-08-10 14:00:38 imaginethepoet

Phonegap iOS應用程序的字體渲染不正確

回答

相關問題