Codesnipp.it Social Code Sharing

Nick Plekhanov

Useful Media Queries Snippets

by Nick Plekhanov on Aug 28, 2011

/* All of the queries are optimal on Apple iOS devices. These media queries include: 1. Smaller than 960: Smaller than the standard base grid 2. Tablet Portrait: Between 768px and 959px 3. All Mobile Sizes: Less than 767px 4. Just Mobile Landscape: Between 480px and 767px 5. Just Mobile Portrait: Less than 479px */ /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) {} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) {} /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) {}

Can't see the comments? Please login first :)