ionic受手機系統字體大小影響解決辦法

用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情況不清楚,有興趣的可以試試)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章