Return to Snippet

Revision: 64789
at September 20, 2013 07:05 by iroybot


Initial Code
/* iPad portrait */
@media only screen and (min-device-width:  768px) and (max-device-width: 1024px) and (orientation: portrait)
 
/* iPad landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)
 
/* iPhone portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait)
 
/* iPhone landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape)

/**
  * other example
  */

/* Mobile only */
@media screen and (max-width: 623px)

/* For Tablet and Desktop */
@media screen and (min-width: 624px)

/* Desktop */
@media screen and (min-width: 948px)

Initial URL

                                

Initial Description
A couple of useful media queries...

Initial Title
Media Queries (for Responsive Web Design)

Initial Tags
css, query

Initial Language
CSS