iPhoneX、iPhone11、iphoneXR 等全屏手机,由于下方有一个小长条,到底吸底按钮等元素被下方小长条遮住,需向上移动一点,将小长条留出距离,
适配方法如下:
js:
let deviceHeight = window.screen.height
let deviceWidth = window.screen.width
let DPR = window.devicePixelRatio
let condition1 = (deviceWidth === 375) && (deviceHeight === 812) && (DPR === 3)
let condition2 = (deviceWidth === 414) && (deviceHeight === 896) && (DPR === 2)
let condition3 = (deviceWidth === 414) && (deviceHeight === 896) && (DPR === 3)
if (condition1 || condition2 || condition3) {
this.isIphoneX = true
}
css:
@media only
scr