Gunnar Bittersmann: Darstellung auf mobilen Geräten

Beitrag lesen

problematische Seite

@@borisbaer

Es hat mit @media screen and (min-device-width: 480px) and (min-device-height: 320px) funktioniert!

Vergiss min-device-*; verwende min-width/min-height!

Nein, das mit em wusste ich nicht

In diesem Posting sind zwei Artikel dazu verlinkt.

aber was hat es mit der Default Pixel-Zahl auf sich?

In vielen Browseren entspricht 1rem 16px. Aber nicht in allen.

Bei Smartphones ist die Pixeldichte ja höher, sollte ich deswegen bei der Umrechnung etwas beachten?

Nein, es geht hier um CSS-Pixel, nicht um Gerätepixel.

Gibt es irgendwo eine Tabelle, die zur entsprechenden device-width auch eine Mindestbreite bzw. -höhe angibt?

Eine solche kann es wohl nicht geben.

Was würdest du auch damit wollen?

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory