Dimitri Rettig: CSS dynamisch laden

Beitrag lesen

Hallo,

Man koennte es ganz einfach mit JavaScript realisieren:

<head>
<link rel="stylesheet" type="text/css" href="default.css">
Dies ist die CSS-Datei, fuer JavaScript unfähige Browser.
<script type="text/javascript">
<!--
width = screen.width;
// height = screen.height;

if (width > 1024)
   document.writeln("<link rel="stylesheet" type="text/css" href="very_heigh.css">);
else if (width > 640)
   document.writeln("<link rel="stylesheet" type="text/css" href="normal.css">);
// ... usw.

//-->
</script>
Mit freundlichen Grüßen
   Dimitri Rettig