ionic 适配iPhoneX

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/wumama123/article/details/79852646

网上搜索了很多适配的文章，后面总结如下：

1. 在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();
        }