本文主要是介绍ionic 适配iPhoneX,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
网上搜索了很多适配的文章,后面总结如下:
- 在index.html里面加入这一行
<meta name="viewport" content="initial-scale=1, width=device-width, height=device-height, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover">
2. xcode 设置
3. 设置cordovaStatusbar,可以根据自己需要的颜色设置,或者查看Cordova cordovaStatusbar 插件。
//设置手机状态栏的颜色 透明度 等等if (window.StatusBar) {if (cordova.platformId == 'android') {StatusBar.backgroundColorByHexString("#6ab5f3");} else {$cordovaStatusbar.overlaysWebView(false);// $cordovaStatusbar.style(2);$cordovaStatusbar.styleHex('#6ab5f3');// StatusBar.styleLightContent();$cordovaStatusbar.styleColor('#6ab5f3');}// StatusBar.styleLightContent();}
这篇关于ionic 适配iPhoneX的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!