ionic 适配iPhoneX

最新推荐文章于 2021-06-01 01:38:27 发布

Liradi-Birdy

最新推荐文章于 2021-06-01 01:38:27 发布

阅读量2.7k

点赞数

分类专栏： ionic + angular 文章标签： ionic 适配iPhoneX

本文链接：https://blog.csdn.net/wumama123/article/details/79852646

版权

ionic + angular 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

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

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