Ionic 3应用程序-如何使字体大小独立于本机设置?

时间:2019-01-30 22:07:59

标签: android angular ionic-framework text layout

我正在开发Ionic 3应用程序,我最近发布了它,并且在生产中使用了各种类型和尺寸的手机,我注意到有一个名为“ font-size”的android原生设置,您可以在其中设置尺寸手机中的文本大小不同。

某些人(其中包括许多老年人)选择“大”或什至“大”的文字大小。不幸的是,这会影响我手机上的应用程序中的文本,并彻底破坏版面。

我在css文件中定义字体大小的方法是使用em值,但是我也尝试了px。 您是否知道有什么方法可以阻止我的应用程序遵循此本地android文本大小设置?或任何其他方法来解决它? 请帮忙, 干杯

2 个答案:

答案 0 :(得分:0)

我找到了解决方案!我使用了这个phonegap插件:

https://ionicframework.com/docs/v3/native/mobile-accessibility/

并使用方法this.mobileAccessibility.usePreferredTextZoom(false);

这样,我的应用会忽略android字体大小设置!

答案 1 :(得分:0)

我面临类似的问题。我已经按照以下最佳做法进行了操作:

this.platform.ready().then(()=>{
   this.mobileAccessibility.getTextZoom().then((textZoom)=>{
      if(textZoom>130){
          this.mobileAccessibility.setTextZoom(130); 
      }
   }); 
})