CSS 判断 iphoneX、iphoneXs、iphoneXs Max、iphone XR - CSS 笔记

1
/* 兼容iphone6plus、iphone7plus、iphone8plus*/
2
@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){
3

4
}
5
/*iphoneX、iphoneXs*/
6
/*即: 设备屏幕可见宽度为375px， 可见高度为812px及设备像素比为3*/
7
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
8

9
}
10

11

12
/*iphone Xs Max*/
13
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:3) {
14

15
}
16

17
/*iphone XR*/
18
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:2) {
19

20
}