Ich habe mich mal umgesehen und ein wenig über Javascript informiert. Um abhängig von der Bildschirmbreite verschiedene Stylesheets abzurufen habe ich jetzt diesen Code gebastelt (der bei mir funktioniert) und wollte fragen, ob er korrekt aufgebaut ist.

Code: 
<head>
 <link href="style1.css" rel="stylesheet" type="text/css" id="css">
 <script type="text/javascript">
  function CSS_2 () {document.getElementById("CSS").href = "style2.css";}
  function CSS_3 () {document.getElementById("CSS").href = "style3.css";}
  if (screen.width >= 1200) {
   window.location.href = "javascript:CSS_2()";
  }
  else {
   if (screen.width >= 800) {
    window.location.href = "javascript:CSS_3()";
   }
  }
 </script>
</head>
Bei einer Breite von über 1200 Pixeln soll Style2 abgerufen werden, zwischen 800 und 1199 soll es Style3 sein und alles unter 799 Pixeln soll Style1 benutzen.