如何防止使用Monaca构建的Cordova应用程序使用默认系统font-size?

时间:2016-11-28 21:45:53

标签: android cordova fonts onsen-ui monaca

我正在开发小型的cordova移动应用程序,所以我一直在使用Monaca和Onsen UI,因为它们非常有用并且对这些事情有帮助

我得到的问题当我在手机中运行应用程序时,我得到非常小的字体,因为我在手机中使用小字体,但当我将其设置为中等或小时,他们的应用程序看起来很好

问题是:如何阻止我的应用使用默认系统字体大小
我甚至添加了Mobile Accessibility插件,但似乎Monaca还不支持它

1 个答案:

答案 0 :(得分:2)

第一个选项:

HERE是Cordova的一个库,它允许您忽略用户的设备默认值,用于文本缩放,屏幕阅读和颜色反转。

然后您将通过以下方式实施:

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

这适用于Ionic框架,并且因为它是Cordova图书馆,它也应该与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设置也应该被带入他们使用的任何应用程序中。

虽然这是正确的,但只要存在有意的用户体验/用户界面目的并且设计不仅仅用于查看"漂亮"这些规则就会被忽略。

请注意,根据需要/用途,可能还有许多其他选项