media-queries

[Auge]

Hallo

Hallo Lydia,

@media screen (max-width: 30em){}

gilt die schmale Definition solange width < 30em.

Eben nicht. max-width prüft auf kleiner oder gleich. Je nach Wert für 1em ist der Unterschied zwischen <30em und <=30em 0 oder 1 Pixel breit.

Ah ja, das hatte ich in meiner Antwort übersehen.

Deswegen hast Du mit deinem Vorschlag von 13:17 Uhr vier Fälle:

< 30em - Regelsatz 1
= 30em - Regelsatz 1 und 2
> 30em und < 40em - Regelsatz 2
>= 40em - Regelsatz 2 und 3

Ohne die max-width:30em Klausel für den "Normalfall" hast Du

< 30em - Regelsatz 1
>= 30em und < 40em, Regelsatz 1 und 2
>= 40em, Regelsatz 1, 2 und 3

Dann kann man aber auch beim „alten“ Prinzip bleiben. Meiner Meinung nach liest sich das auch einfacher.

nix - Regelsatz 1
min-width: 30em - Regelsatz 1 und 2
min-width: 40em, Regelsatz 1, 2 und 3

Tschö, Auge