2016-11-28 53 views
0

我工作的小科爾多瓦的移動應用程序,所以我一直在使用莫尼卡和溫泉UI,因爲他們是非常有用的,有助於這樣的事情如何防止用Monaca構建的Cordova應用程序使用默認系統字體大小?

我得到的問題,當我在我的手機上運行的應用程序,我變得非常小字體,因爲我使用微小的字體在我的電話,但是當我將其設置爲中等或他們應用程式小看起來很好

的問題是:如何阻止我的應用程序使用默認的系統字體大小
我甚至添加了Mobile Accessibility插件,但似乎Monaca尚不支持它

+2

莫尼卡支持所有科爾多瓦/ PhoneGap的插件。您必須擁有付費開發者帳戶才能將其納入您的項目中。混合應用程序中的字體由CSS控制。爲你的文本分配一個類並以這種方式進行控制。 – Munsterlander

+0

謝謝@Munsterlander我知道,但我仍然是初學者,我不能支付這些服務,但我知道我可以控制一切使用CSS,但有問題,每次我改變字體樣式,例如,如果我設置文本50px它不會看起來在其他設備(相同的屏幕,但不同的分辨率)相同 –

+0

看看這篇文章:http://stackoverflow.com/questions/25768602/maintain-aspect-ratio-and-font-size-based-瀏覽器上的高度和寬度 – Munsterlander

回答

2

第一選項:

HERE是Cordova的一個庫,它允許您忽略用戶的設備默認文本縮放,屏幕閱讀和顏色反轉。

然後,您可以通過實現:

if($window.MobileAccessibility){ 
     $window.MobileAccessibility.usePreferredTextZoom(false);//Dont Scale Text 
    } 

這適用於Ionic框架,並看到它是一個科爾多瓦libriary它應該Monaca正常工作。

這個實現應該在調用Cordova deviceready之後使用。

第二個選項:

雖然在正常Android的發展,考慮到該問題的開發者會使用DP的UI元素,然而在一個HTML/CSS內置的應用程序,我們不;噸有機會獲得這一點。

你反而會針對CSS屬性:

vw: 1/100th viewport width 
vh: 1/100th viewport height 
vmin: 1/100th of the smallest side 
vmax: 1/100th of the largest side 

缺點包括:在Opera或正確iOS設備不工作。

另請注意:此行爲的原因是設備和應用程序旨在根據正確的UI/UX設計一起編織。這意味着任何用戶設置的設備UI/UX設置也應該攜帶到他們使用的任何應用程序中。

雖然這是正確的,但只要有意的用戶體驗/用戶界面目的存在,並且設計不單純用於「漂亮」,這些規則常常被忽略。

請記住,許多其他選項可用取決於需求/使用

相關問題