iPhone 5 Media Query

Posted by Jake Bresnehan / / CSS

Apples iPhone 5 has a larger display compared to its previous versions. If you need to target the iPhone 5 specifically then this CSS media query should get you out of trouble.


@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  
  // iPhone 5 or iPod Touch 5th generation styles 

}

3 Comments

  1. DavisB - October 4th

    Awesome!

    Reply
  2. Mathew Porter - December 7th

    Just about to start developing a new responsive layout and needed to look for this, saved me some time. Much appreciated ;)

    Reply
  3. Turbat - March 6th

    Thanks you! Very Helpful!!!

    Reply

This post currently has 3 responses. What do you think?

You can use basic HTML when posting code, please turn all < characters into &lt; or > into &gt;
If the code is multi-line, use <pre><code></code></pre>

*