ionic 适配iPhoneX

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

  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">

ionic 适配iPhoneX_第1张图片
2. xcode 设置
ionic 适配iPhoneX_第2张图片
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,+,angular)