ionic受手机系统字体大小影响解决办法
程序员文章站
2022-06-01 09:49:22
...
用cordova+ionic开发APP,要给领导检查,结果自己在三台不同的手机上试的好好的,到领导手机上就变了样,各种图片、文字挤在一起,布局混乱不堪。还好领导没有多说什么,只是让我检查检查怎么回事(惊出一身冷汗- -)。
言归正传,导致这个问题出现的原因是领导的手机字体设置成了超大号,而我测试的手机均是标准号大小,所以才出了问题。
要解决这个问题很简单,下载一个插件,插件ID:phonegap-plugin-mobile-accessibility,下载安装插件的方法这里就不再多说了。
下面说使用方法,在你的app.js的run中添加一段代码:
$ionicPlatform.ready(function(){
if($window.MobileAccessibility){
$window.MobileAccessibility.usePreferredTextZoom(false);
}
});
一般来说$ionicPlatform.ready创建项目的时候都自带了并且有一些基础配置,所以一般只需要吧中间两行代码添加到$ionicPlatform.ready中就可以了,不要忘记在.run的引用中添加$window,这个创建项目的时候没有。
如此一来,你的APP就不会随着系统字体大小改变而改变了(仅测试过Android可行,IOS情况不清楚,有兴趣的可以试试)
上一篇: ionic3 iframe引用外部网址
推荐阅读