nicht angemeldet
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?
Kurze Antwort: Nein!
Lange Antwort:
Du kannst dir deine Frage doch sehr leicht selber beantworten ..., wenn du bspw. einen Button von 30px X 30px definierst und dir das Resultat einmal auf einem 24" Monitor (1920 x 1068) und einmal auf einem Smartphone (480 x 800) anguckst, dann hat der Button "im Verhältnis" zu anderen Elementen auf der Seite dieselbe (relative) Größe. Wenn du ein Lineal dran hälst, natürlich nicht!
Schon aus diesem Grund sollte dir eigentlich klar sein, warum du relative Größen benutzen solltest. Denn 5cm können relativ betrachtet allem möglichen entsprechen, also bspw. einer Breite von 10%, aber genausogut auch einer Breite von 100%, abhängig vom jeweiligen Display.
Hier ist noch ein Artikel, der sich mit dem Thema beschäftigt, um das es dir imo geht: Finger-Friendly Design: Ideal Mobile Touchscreen Target Sizes
Und wenn du noch ein bisschen Mathe üben willst: Bildschirmdiagonale#Seitenlängen und Fläche
Wie Dave schon so passend angemerkt hat:"Evtl. solltest du lesen was man dir verlinkt, ..." ;-)
Gruß Gunther