iPhone 14（Pro、Max）的媒体查询

Question

针对 Apple 最新设备的 CSS 媒体查询是什么？

2022 年 - iPhone 14（Pro、Pro Max）

Answer 1

对于 Iphone 14 Pro：宽度 390 像素，高度 844 像素（大约）

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

Iphone Pro 14 MAX：428 像素宽 926 像素高

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