Frage zu Media Queries

[burn4ever]

Hallo ich habe folgende Media Queries im Einsatz:

@media only screen and (min-width: 481px) and (max-width: 980px) {
@media only screen and (min-width: 321px) and (max-width: 481px) {
@media only screen and (max-width: 320px) {

aber egal welches Endgerät ich teste, Samsung Galaxy SII, Samsung GT-S5830, Android Smart Pad oder iPad es greift immer nur der erste Querie (siehe oben).
Dabei sollte doch zumindestens bei dem GT-S5830 der 320er greifen,oder?

Jemand eine Idee woran das liegt.
Ich habe es auch schon mit min-device-width probiert, aber leider das gleiche.

 

[Cheffchen]

Hallo,

1. was passiert auf rechner wenn browser kleiner schiebst?
da dürfte was passieren (brauchst ja auch bein erstellen).

2. hast auch gesagt das Browser das nicht scalieren soll?
glaube nicht, denn ohne passiert nichts :O)

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">

3. bei <980 musst natürlich aufpassen, kleine PC view haben das unter umständen auch schon. muss aber kein nachteil sein, denn bekommen die auch schon eine optimierte Seite zu sehen.

Cheffchen