What are the CSS media queries to target Apple’s latest devices?
2022 – Iphone 14 (Pro, Pro Max)
2
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) { }
I actually experienced that the iPhone 14 Pro Max Vieport is even 430px wide. So better adjust up to that or even higher
Click here to cancel reply.
2
Answers
For Iphone 14 Pro:
390 pixels width
844 pixels height (aprox.)
Iphone Pro 14 MAX:
428 pixels width
926 pixels height
I actually experienced that the iPhone 14 Pro Max Vieport is even 430px wide. So better adjust up to that or even higher