Gunnar Bittersmann: Media Queries

Beitrag lesen

@@hume

Ab einer maximalbreite von 896px in 56em …

Was denn nun: 896px oder 56em? Letzteres ist sinnvoll. Vergiss beim Stylen mit CSS, dass es soetwas wie Pixel gibt.

… werden die Boxen untereinander dargestellt. Dies sollte auch so sein (für Mobilgeräte). Nun hätte ich hierzu aber noch Fragen.

Der kleinste Bildschirm (PC oder Laptop) beträgt 1024x768px ist dies so korrekt …

Nein. Es ist auch irrelevant. Vergiss beim Stylen mit CSS, dass es soetwas wie Pixel gibt.

Das Malzeichen ist übrigens ×.

… oder gibt es noch kleinere von denen ich nichts weiß :D

800 × 600, 640 × 480, …

Ist der Anssatz von max-width:56em; überhaupt empfehlenwert?

Nein. Wenn stile ab einer bestimmten Breite gelten sollen, willst du min-width.

Ich habe deshalb den max-width Wert genommen

Das hättest du für .box auch tun sollen. width: 29em passt nicht in schmale Viewports.

LLAP 🖖

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