Media queries for iPhone 14 (Pro, Max)

Question

What are the CSS media queries to target Apple's latest devices?

2022 - Iphone 14 (Pro, Pro Max)

Answer 1

For Iphone 14 Pro: 390 pixels width 844 pixels height (aprox.)

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

Iphone Pro 14 MAX: 428 pixels width 926 pixels height

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