[KalleGrabo]

Hallo,

ich versuche gerade ein „kleines“ Responsive Design zu machen. Lokal auf meinem Computer funktioniert das auch super. Sobald ich das ganze aber auf meinen Webhost (alfahosting.de) lade, klappt das ganze nicht mehr.

Ich habe folgendes Media Query verwendet:

@media screen and (max-device-width: 520px) {

..CSS-Angaben...

}

Betse Grüße

[ChrisKam]

..gib uns bitte mal den Link zu der Seite, sonst können wir Dir leider nicht helfen.

[KalleGrabo]

[dercem]

Bei mir greifts.




Nachtrag: Ich glaube, du willst nicht max-device-width verwenden …

[KalleGrabo]

[dercem]

[KalleGrabo]

Also mein Ziel ist es, dass sowohl Smartphone-Nutzer als auch Menschen die Ihr Browserfenster auf eine Breite von unter 500px skalieren diesen CSS-Code ausgegeben bekommen.

Hatte vorher (max-width) drin stehen, damit funktionierte es ebenfalls nicht, deswegen habe ich jetzt den (device-width). Ich habe es mit dem Firefox (MAC OSC 10.6.8, FF 19.0.2) und dem Standart Android Browser (Galaxy S2, CM10.1, Android 4.2.2).

[ChrisKam]

Max-width wäre schon richtig gewesen, wenn es auch für normale (nicht-mobile) Browser funktionieren soll.

Lösch mal den Cache Deines Browsers bzw. lade die Seite mit Strg+F5 / Shift+F5 neu, nachdem Du die Deklaration auf max-width geändert hast. Vermutlich hängt die Seite im Cache und wird deshalb scheint es online nicht zu klappen.