Kann mir Jemand sagen wo der Unterschied ist?
Der Android-Standard-Browser verwendet einen virtuellen Viewport - möglicherweise kommt dir der in die Quere.
Aber warum funktioniert das auf stephencaver.com ?
Möglicherweise daran:
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
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.