Forum für CMS/made simple

tragweite

hat von CMS/ms gehört

Registriert: 03. März 2014

Beiträge: 6

Mobile Variante der Webseite

Hi, wir bekommen es nicht hin, das unsere neue Webseite auf die größe von mobilen Geräten runterskaliert wird.
Habt Ihr vielleicht Tipps wie das geht!?

Danke!!!!

COR9

Server-Pate

Ort: Dresden

Registriert: 09. November 2010

Beiträge: 281

Re: Mobile Variante der Webseite

Das geht einerseits mit reinem CSS und Media Queries. Deren Einsatz verändert die Styles ab einer bestimmten Bildschirmbreite. Sieht ganz grob z.B. so oder ähnlich aus:

 Hier klicken, um den Code zum Kopieren zu markieren

[== CSS ==]
@media screen {
     /* Stilanweisungen fuer Desktop Computer */
}

@media only screen and (max-width: 768px) {
     /* Stilanweisungen fuer Bilschirme mit maximal 768px Breite, z.B. iPad im Portraitmodus */
}

@media only screen and (max-width: 480px) {
     /* Stilanweisungen fuer noch kleinere Schirmchen, Smartphones */
}

Du kannst damit Floats linearisieren, kleinere Hintergrundbilder laden etc.

Es gibt aber auch die Möglichkeit, auf eine Mobilversion der HP umzuleiten, sobald mit einem Smartphone darauf zugegriffen wird.
Mit CMSMS und und dem Modul ToolBox kannst Du auch Seitentemplates mit Konditionen schreiben, die zwei oder mehr verschiedene HTML-Strukturen enthalten und je nach Gerät diese ausgeben.

Das für den Anfang.