problem mit mobilen theme, gibt es eine vorlage?

[chinagirl]

an die contao-spezialisten!

ich möchte gerne für eine website ein mobiles theme bauen.
habe das Modul MobileSwitch verwendet, das gut funktioniert.

mein Problem ist das css.
die letzte Zeile meines Stylesheet ist:

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) { }
vorher habe ich body, #main und all die anderen dinge formatiert.

wie muss ich die breite von #main eingeben?
wenn ich 320px eingebe (das ist die breite, die ich gerne hätte) erscheint sie viel zu klein.
für das iphone ist die empfohlene schriftgröße 18px.
wenn ich das mache ist die wutziklein.

leider habe ich auch keine gute Anleitung oder vorlage für das bauen eines mobilen Themse gefunden.

wäre euch für hilfe sehr dankbar!

lg chinagirl

[chinagirl]

ich habe probleme beim erstellen eines mobilen theme (vor allem beim iphone soll es gut aussehen).
leider hat sich auf meinen letzten beitrag niemand gemeldet
daher die frage an euch, gibt es ein fertiges theme, das ich zur vorlage verwenden könnte??

ich habe schon so viel gegoogelt und kann nichts gscheites finden....

wäre wirklich super!!!!

lg
chinagirl

[bizon]

Hallo,

das Stichwort heißt CSS3 Media Queries.
Hier eine Seite, die das gut erklärt

[chinagirl]

danke bizon!

die seite schaut gut aus werde ich durchforsten.
ich habe mobilswitch installiert, brauche ich das dann noch oder ersetzt Media Queries das?

lg chinagirl

[andreasisaak]

Du benötigst MobileSwitch nur wenn du für mobile User einen anderen Inhalt anzeigen willst. Soll lediglich das Template oder das CSS geändert werden, reichen die MediaQueries absolut.

[chinagirl]

verstehe! danke!
chinagirl

[ecm]

Du benötigst MobileSwitch nur wenn du für mobile User einen anderen Inhalt anzeigen willst. Soll lediglich das Template oder das CSS geändert werden, reichen die MediaQueries absolut.

wie ändert man denn das template für mobile-devices via mediaqueries??

[bizon]

wie ändert man denn das template für mobile-devices via mediaqueries??

Gar nicht - dabei wird keine neues Template aktiviert!

Mit Media Queries frägt man die Screenbreite ab und stellt für diese Breite ein optimiertes CSS zur Verfügung. Wie das gemacht wird, erklärt der Link in Post #3 recht gut.

[ecm]

danke, das dachte ich eben auch. der Beitrag v andreasisaak hatte mich fragen lassen.