css兼容性样式判断如果是苹果手机

ionic app 项目实际开发中经常需要兼容ios和安卓两种手机。

 

安卓还好主要是iphone手机的适配

@supports (top: env(safe-area-inset-top)) {

    .middle-box-padding {

        padding-top: 0.8rem;

    }

}

@supports (top: constant(safe-area-inset-top)) {

    .middle-box-padding {

        padding-top: 0.8rem;

    }

}