skip to Main Content

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

2022 – Iphone 14 (Pro, Pro Max)

2

Answers


  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) { }
    
    Login or Signup to reply.
  2. I actually experienced that the iPhone 14 Pro Max Vieport is even 430px wide. So better adjust up to that or even higher

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search