Media Queries für ein externes CSS

styles.css

/* Am Anfang steht CSS für alle */
body { /* allgemeine Regeln */}

@media only screen and (min-width: 480px) {
  /* mobile Browser */
  }

@media only screen and (min-width: 768px) {
  /* Tablets im Portrait Modus */
  }
 
@media only screen and (min-width: 768px) {
  /* Tablets im Landscape Modus, Netbooks, Notebooks, Desktop Browser */
  }

@media print {
  /* Das Printstylesheet nicht vergessen! */
}