Gunnar Bittersmann: CSS Anpassung für Tablet

Beitrag lesen

@@WernerK

eine Webseite soll auf einem normalen Desktop PC / Monitor laufen als auch auf einem 7" Tablet mit 1200 x 800 Auflösung

Als auch auf einem Smartphone. Als auch auf einem Fernseher. Als auch auf einer Smartwatch. Als auch auf einer Spielekonsole. Als auch in einem Auto. Das ist das Web:

verschiedenste Geräte inklusive Kühlschrank und Auto und viele Fragezeichen

(Brad Frost)

Ich würde gerne die Schriftgröße auf dem Tablet etwas vergrößern

Warum nur auf Tablets und noch kleineren Geräten? Kann es sein, dass die Schrift bei dir auch auf großen Bildschirmen zu klein ist?

@media screen and (max-device-width:1200px) {

Verwende max-width (ohne device). Gib Breakpoints in em an, nicht in px.

LLAP 🖖

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