Skip to content

Instantly share code, notes, and snippets.

@hpneo
Created July 22, 2013 01:07
Show Gist options
  • Save hpneo/6050659 to your computer and use it in GitHub Desktop.
Save hpneo/6050659 to your computer and use it in GitHub Desktop.
Media queries
/* General */
@media screen and (max-device-width: 320px) and (max-device-height: 480px) and (device-pixel-ratio: 1.0) {
}
/* iPhone 4 (General with Pixel Ratio == 2.0) */
@media screen and (max-device-width: 320px) and (max-device-height: 480px) and (device-pixel-ratio: 2.0) {
}
/* Galaxy S3 Mini */
@media screen and (max-device-width: 480px) and (max-device-height: 800px) and (device-pixel-ratio: 2.0) {
}
/* iPhone 5 */
@media screen and (device-aspect-ratio: 40/71) and (max-device-pixel-ratio: 2.0) and (orientation: portrait) {
}
/* Galaxy S3 (9/16) */
@media screen and (device-aspect-ratio: 9/16) and (-webkit-device-pixel-ratio: 2.0) {
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment