ionic受手机系统字体大小影响解决办法

最新推荐文章于 2021-05-25 19:14:29 发布

半杯凉开水

最新推荐文章于 2021-05-25 19:14:29 发布

阅读量1.4k

点赞数

分类专栏： ionic cordova 文章标签： ionic

本文链接：https://blog.csdn.net/qq_32375565/article/details/82384894

版权

9 篇文章 0 订阅

订阅专栏

9 篇文章 0 订阅

订阅专栏

用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情况不清楚，有兴趣的可以试试）

关注