CSS3媒体判断iphone4 5 6 6plus 7 7puls 8 8puls iphonex

2019独角兽企业重金招聘Python工程师标准>>>

兼容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){

}

转载于:https://my.oschina.net/u/3692906/blog/1806775