Skip to content

Instantly share code, notes, and snippets.

@xiaohp

xiaohp/apple-mq.css

Forked from AllThingsSmitty/apple-mq.css
Last active September 21, 2017 07:07
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save xiaohp/b45d1d6dfb38d40c8793501718b27154 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save xiaohp/b45d1d6dfb38d40c8793501718b27154 to your computer and use it in GitHub Desktop.
Download ZIP
iPhone 6/6 Plus and Apple Watch CSS media queries
Raw
apple-mq.css
/* iPhone 6 landscape */
@media only screen and (min-device-width: 375px)
and (max-device-width: 667px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2)
{ }
/* iPhone 6 portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2)
{ }
/* iPhone 6 Plus landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 3)
{ }
/* iPhone 6 Plus portrait */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 3)
{ }
/* iPhone 6 and 6 Plus */
@media only screen
and (max-device-width: 640px),
only screen and (max-device-width: 667px),
only screen and (max-width: 480px)
{ }
/* Apple Watch */
@media
(max-device-width: 42mm)
and (min-device-width: 38mm)
{ }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment