Raphaël G. Git Repositories - blogbundle/blob - public/css/base.css

   1
   2
   3 /* Smartphones (portrait and landscape) ----------- */
   4 @media only screen
   5 and (min-device-width : 320px)
   6 and (max-device-width : 480px) {
   7         /* Styles */
   8 }
   9
  10 /* Smartphones (landscape) ----------- */
  11 @media only screen
  12 and (min-width : 321px) {
  13         /* Styles */
  14 }
  15
  16 /* Smartphones (portrait) ----------- */
  17 @media only screen
  18 and (max-width : 320px) {
  19         /* Styles */
  20 }
  21
  22 /* iPads (portrait and landscape) ----------- */
  23 @media only screen
  24 and (min-device-width : 768px)
  25 and (max-device-width : 1024px) {
  26         /* Styles */
  27 }
  28
  29 /* iPads (landscape) ----------- */
  30 @media only screen
  31 and (min-device-width : 768px)
  32 and (max-device-width : 1024px)
  33 and (orientation : landscape) {
  34         /* Styles */
  35 }
  36
  37 /* iPads (portrait) ----------- */
  38 @media only screen
  39 and (min-device-width : 768px)
  40 and (max-device-width : 1024px)
  41 and (orientation : portrait) {
  42         /* Styles */
  43 }
  44
  45 /* Desktops and laptops ----------- */
  46 @media only screen and (min-width : 1224px) {
  47         /* Styles */
  48 }
  49
  50 /* Large screens ----------- */
  51 @media only screen
  52 and (min-width : 1824px) {
  53         /* Styles */
  54 }
  55
  56 /* iPhone 4 ----------- */
  57 @media
  58 only screen and (-webkit-min-device-pixel-ratio : 1.5),
  59 only screen and (min-device-pixel-ratio : 1.5) {
  60         /* Styles */
  61 }