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