Advanced Search

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