Darstellung auf mobilen Geräten

[borisbaer]

Es hat mit @media screen and (min-device-width: 480px) and (min-device-height: 320px) funktioniert! Habe die Präfixe bis auf -webkit- nun entfernt! Nein, das mit em wusste ich nicht, hier gibt es einen Converter, aber was hat es mit der Default Pixel-Zahl auf sich? Bei Smartphones ist die Pixeldichte ja höher, sollte ich deswegen bei der Umrechnung etwas beachten?

Noch eine Frage: Es gibt viele Tabellen, wo die Auflösungen etc. der verschiedenen mobilen Geräte aufgelistet werden, aber benutze ich dann auch min-device-width? Denn bei meinem Galaxy S8 ist zum Beispiel eine Ratio von 740x360 angegeben, aber wenn ich bei What’s my viewport size? schaue, dann ändert sich der tatsächliche Viewport natürlich je nach Browser. Gibt es irgendwo eine Tabelle, die zur entsprechenden device-width auch eine Mindestbreite bzw. -höhe angibt? Habe nichts gefunden bisher.