CSS媒体查询判断iphone设备

判断iphone设备

 

兼容iphone4/4s 
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){
} 

兼容iphone5
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){

} 
兼容iphone6，iphone7，iphone8s @media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){

}

兼容iphone6 Plus,iphone7 Plus,iphone8 Plus 
@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){

} 
兼容iphoneX 
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){

}