Commit dc9371b6 authored by jiacheng.mao's avatar jiacheng.mao

新增iphone系列(刘海屏)屏幕分辨率(点数)

parent a4cf91d0
......@@ -106,3 +106,32 @@ For a detailed explanation on how things work, check out the [guide](http://vuej
2.执行npm run build:对应环境
3.将压缩后的www文件夹里的文件覆盖到服务器上下载下来的对应文件
4.去对应的业务系统环境内修改相应的版本号
iphone系列(刘海屏)屏幕分辨率(点数)统计,当前更新至iPhone 14系列
用于页面适配
iPhone 11 Pro,X,Xs:(device-width: 375px) and (device-height: 812px)
iPhone 11,Xr:(device-width: 414px) and (device-height: 896px)
iPhone 11Pro Max,Xs Max:(device-width: 414px) and (device-height: 896px)
iPhone 12 mini,13 mini:(device-width: 375px) and (device-height: 812px)
iPhone 12,12 Pro,13,13 Pro:(device-width: 390px) and (device-height: 844px)
iPhone 13 Pro Max,12 ProMax:(device-width: 428px) and (device-height: 926px)
iPhone 14:(device-width: 390px) and (device-height: 844px)
iPhone 14 Plus:(device-width: 428px) and (device-height: 926px)
iPhone 14 Pro:(device-width: 393px) and (device-height: 852px)
iPhone 14 Pro Max:(device-width: 430px) and (device-height: 932px)
案例:
// iPhoneXR适配
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios {
#query {
.scrollContent {
padding-top: 3rem;
}
}
}
#my-bind-user .submit {
bottom: 44px;
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment