我工作的小科爾多瓦的移動應用程序,所以我一直在使用莫尼卡和溫泉UI,因爲他們是非常有用的,有助於這樣的事情如何防止用Monaca構建的Cordova應用程序使用默認系統字體大小?
我得到的問題,當我在我的手機上運行的應用程序,我變得非常小字體,因爲我使用微小的字體在我的電話,但是當我將其設置爲中等或他們應用程式小看起來很好
的問題是:如何阻止我的應用程序使用默認的系統字體大小
我甚至添加了Mobile Accessibility插件,但似乎Monaca尚不支持它
我工作的小科爾多瓦的移動應用程序,所以我一直在使用莫尼卡和溫泉UI,因爲他們是非常有用的,有助於這樣的事情如何防止用Monaca構建的Cordova應用程序使用默認系統字體大小?
我得到的問題,當我在我的手機上運行的應用程序,我變得非常小字體,因爲我使用微小的字體在我的電話,但是當我將其設置爲中等或他們應用程式小看起來很好
的問題是:如何阻止我的應用程序使用默認的系統字體大小
我甚至添加了Mobile Accessibility插件,但似乎Monaca尚不支持它
第一選項:
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設置也應該攜帶到他們使用的任何應用程序中。
雖然這是正確的,但只要有意的用戶體驗/用戶界面目的存在,並且設計不單純用於「漂亮」,這些規則常常被忽略。
請記住,許多其他選項可用取決於需求/使用
莫尼卡支持所有科爾多瓦/ PhoneGap的插件。您必須擁有付費開發者帳戶才能將其納入您的項目中。混合應用程序中的字體由CSS控制。爲你的文本分配一個類並以這種方式進行控制。 – Munsterlander
謝謝@Munsterlander我知道,但我仍然是初學者,我不能支付這些服務,但我知道我可以控制一切使用CSS,但有問題,每次我改變字體樣式,例如,如果我設置文本50px它不會看起來在其他設備(相同的屏幕,但不同的分辨率)相同 –
看看這篇文章:http://stackoverflow.com/questions/25768602/maintain-aspect-ratio-and-font-size-based-瀏覽器上的高度和寬度 – Munsterlander