Screens
Sam
- css
Hallo Leute
Kann vielleicht jemand etwas Licht ins Dunkle bringen?
Möchte folgendes realisieren...
Responsive Design mit Design für Smartphones (Bis ca. 6 Zoll) Hochformat und Querformat, Tablet (Von 6 Zoll bis ca. 12 Zoll) Hochformat und Querformat und Grössere Devices...
Wie würdet ihr die Media-Queries formulieren (unter Berücksichtigung von Pixeldichte und lesbare Schrift)?
Folgendes ist noch unklar hierbei...
Haben alle Smartphones 320px Devicebreite, das heisst bei Retina Faktor 2 (device-pixel-Ratio) und bei kleineren Android-Phones 0.75?
Was hat es auf sich mit dem Media Queries Resolution? bzw. dpi oder dppx?
Ausserdem bin ich auf folgende Seite https://www.captechconsulting.com/blog/steven-byle/understanding-density-independence-android gestossen wobei ich nicht ganz alles verstehe... geht es um device-pixel-Ratio?
Wer kann mir helfen und das ganze in einen Zusammenhang bringen. Vielen Dank.
Gruss Sam
Vielen Dank für die Quellen
Ist meine Annahme richtig, dass für Desktop PC's und Laptops 96 dip (72dpi) Standard sind und für Smartphone ca. 160dpi, da nähre Betrachtung?
Was genau versteht sich unter dppx (neue Möglichkeit in CSS die Auflösung anzugeben)?
Ist damit gemeint ein Pixel in CSS entspricht einem physischen Punkt auf dem Display?
Warum aber dann 1dppx = 96dpi? Beim Smartphone sind es ja dann 1dppx=160dpi?
Gruss