Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.

#1 03. März 2014 21:45

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!!!!

Offline

#2 03. März 2014 22:12

COR9
Server-Pate
Ort: Dresden
Registriert: 09. November 2010
Beiträge: 267

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:

[== 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.

Offline