Cordova

Cordova学习笔记

IphoneX,IphoneXS适配

黑边白边的问题

启动图需要适配,而且新版的xcode需要配置File/…workspace/Legacy Build System

真机测试的问题

首先需要在xcode中添加的apply development id,然后添加develop权限。

将手机连接电脑,进入到项目基本信息的页面,添加sign profile,注意bundle id必须是唯一的。

生成profile后点击左上角的run,然后在手机中trust该设备。就可以进行真机测试了。

使用position为fixed的时候

使用position为fixed的时候,因为要使用calc()配合env(safe-area-inset-bottom),但是在vue build的时候会报错,因为calc()中获取到的env(safe-area-inset-bottom)值的类型不正确。这个时候可以使用var来获取值。

.safeBottom {
    position: fixed;
    bottom: 120px;
    @supports (bottom: env(safe-area-inset-bottom)) {
        --safe-area-inset-bottom: env(safe-area-inset-bottom);
        bottom: calc(var(--safe-area-inset-bottom) + 120px);
    }
}
blog comments powered by Disqus
目 录