CSS Media Queries skeleton for mobile devices

Written by Jonathan on . Posted in CSS, Programming, Snippet No Comments

css-is-awesome
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/* #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) {}
Trackback from your site.

Leave a comment