Homepage an Bildschirmauflösung anpassen

Mit diesem kleinem Javascript von unserem User Marci kann man, falls der Besucher eine andere Bildschirmauflösung hat, einfach ein anderes (oder zusätzliches) Stylesheet verwenden.

Ein richtiges Beispiel gibt es hier nicht, dafür aber ein Stückchen Quellcode zum anschauen. Dabei wird das Stylesheet „style_800.css“ geladen, wenn der Besucher eine Bildschirmauflösung mit einer Breite von 800 Pixeln eingestellt hat.

Natürlich kann man das ganze an die eigenen Bedürfnisse anpassen.

<script type="text/javascript">// <!&#91;CDATA&#91;
if (screen.width == 800) { 
	document.write("<link rel='stylesheet' type='text/css' href='style_800.css' />");
} 
// &#93;&#93;></script>