Möglicherweise daran:
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
Das habe ich gerade auch versucht muss es noch eben überprüfen.
Layouts für Mobile Endgeräte sind leider PITA - Media Queries hören sich zwar nett an, funktionieren in der Praxis aber nicht, weil ein essentielles Merkmal (eben die definition des virtuellen Viewports) nicht über CSS geschieht sondern über HTML.
Was heißt denn "funktionieren nicht"? Gibt es nicht zahlreiche Beispiele, die Media Queries nutzen?
Grüße