Hallo,
Dave hat es ja schon angemerkt - du "verwechselst" hier zwei verschiedene Dinge. ;-)
'px' Angaben im Stylesheet sind immer CSS-Pixel, haben also nichts mit der jeweiligen Auflösung des Displays zu tun.
wenn ich mit
<meta name = "viewport" content = "width=device-width, initial-scale=1.0"
einen 30px hohen Bereich definiere, hatt der "physikalisch" (beispielsweise) auf dem iPhone 4, iPhone 5, Samsung Galaxy S3, iPad 3, etc. überall ungefähr die gleiche Höhe? Hast du damit Erfahrungen?
Viele Grüße
Siri