iphone x 以后所有media值

1、所有meta尺寸

//iphone X,12 Mini

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

 

//iphone Xs Max

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:3) {}

 

//iphone XR,11

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:2) {}

 

// iPhone 12 and iPhone 12 Pro

@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {}

 

// iPhone 12 Pro Max

@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {}

 

2、iphone x机型适配通用方案

@supports (bottom: constant(safe-area-inset-bottom)) or(bottom: env(safe-area-inset-bottom)){}