iphone/ios兼容问题

iphone兼容问题

别的地方找的未验证，自存留用
借鉴链接

iPhone 11
/* 1792x828px at 326ppi */

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

This media query is for: iPhone 11 and iPhone XR

iPhone 11 Pro
/* 2436x1125px at 458ppi */

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

This media query is for: iPhone 12 Mini, iPhone 11 Pro, iPhone Xs, and iPhone X

iPhone 11 Pro Max
/* 2688x1242px at 458ppi */

@media only screen 
    and (device-width: 414px)