CSS3 - Verschiedene Auflösungen bzw. Displays

deintag85

Erfahrenes Mitglied
Hi,
ich entwickele grad mit HTML5/CSS3 eine App für Android mit Hilfe von phonegap.

Nun möchte ich alles in soweit optimieren, dass die Website bestmöglich aussieht auf Handy, Tablet usw. Handy's haben auch unterschiedliche Auflösungen wie ich bemerken muss.

Ich habe nun mal geschnuppert und folgendes gefunden:

Code:
@media screen and (max-width:320px)
    beziehungsweise
@media screen and (min-width:321px)

Jedoch lese ich zusätzlcih dass damit nur erkannt werden soll ob das Handy horizontal oder vertikal in der Hand liegt. Nun denn, egal wie es liegt, es ändert sich nichts. Hab es bei beiden Abfragen z.B. mit unterschiedlichen Schriftgrössen getestet. Es ändert sich einfach nichts oder es wird gar nicht erst erkannt. Mein Handy z.B. hat ne 360 Pixel Breite dennoch lädt er die daten aus (max-width:320px), ebenso der Android Emulator, dessen Breite 480 Pixel ist. Er lädt trotzdem aus max-width:320px...das kann ja irgendwie nicht sein? Es soll doch heissen wenn die Auflösung kleiner 320 ist dann das, wenn grösser als 321 dann das. Aber irgendwie klappt das nicht ganz. Woran kann das liegen?

LG
 
Zurück