Zur Navigation

JavaScript für Umleitung auf eine andere CSS-Datei

1 krieger98

Ich suche einen JavaScript für folgende Option:
Wenn Webseiten-Besucher mit einer normalem Bildschirmauflösung auf meine Mobile-Webseite kommen ,die für eine Bildschirm-Auflösung und Schriftgröße kleiner 600 Pixel eingerichtet ist, möchte ich eine andere CSS- Datei laden wo andere Schriftgrößen ( kleiner) definieret sind.
Das ist die Mobile-Webseite: http://mobile-seiten.fahrrad-workshop-sprockhoevel.de/
Das sind die CSS-Dateien:
<link href="body_schrift_mobile2015.css" rel="stylesheet" type="text/css" />
<link href="body_schrift_normal2015.css" rel="stylesheet" type="text/css" />
Wie muss das JavaScript aussehen?
<script type="text/javascript">
if (screen.height >= 600) {
window.location.href = "body_schrift_normal2015.css";
} else {
window.location.href = "body_schrift_mobile2015.css";
}
</script>

09.10.2014 20:07 | geändert: 09.10.2014 20:31

2 Jörg

Eingentlich benötigt man hierfür kein JavaScript mehr.

Modernen Browsern kann man einfach mittels Media Queries verschiedene Stylesheets unterschieben:

http://wiki.selfhtml.org/wiki/CSS/Media_Queries

Das sollte so funktionieren:

<link href="body_schrift_normal2015.css" rel="stylesheet" type="text/css" media="(min-width:600px)" />
<link href="body_schrift_mobile2015.css" rel="stylesheet" type="text/css" media="(max-width:600px)" />

Ältere IE-Versionen verstehen dies noch nicht, diese könnten das Standard-Stylesheet über einen Conditional Comment beziehen:

<!--[if lt IE 9]>
<link href="body_schrift_normal2015.css" rel="stylesheet" type="text/css" />
<![endif]-->

09.10.2014 22:00 | geändert: 09.10.2014 22:01

2 Forenmitglieder fanden diesen Beitrag gut

Beitrag schreiben (als Gast)





[BBCode-Hilfe]