Darstellung auf mobilen Geräten
bearbeitet von borisbaerEs 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](https://www.w3schools.com/tags/ref_pxtoemconversion.asp) 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 [What’s my viewport size?](http://viewportsizes.com/mine/) 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.
Darstellung auf mobilen Geräten
bearbeitet von borisbaerEs 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](https://www.w3schools.com/tags/ref_pxtoemconversion.asp) 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ösung 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 [What’s my viewport size?](http://viewportsizes.com/mine/) 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.
Darstellung auf mobilen Geräten
bearbeitet von borisbaerEs 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](https://www.w3schools.com/tags/ref_pxtoemconversion.asp) 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ösung 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 [What’s my viewport size?](http://viewportsizes.com/mine/) 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.