media-queries

[Lydia]

Hallo Lydia,

Dann bestünde das Problem ja nur bei exakt 30em.

Und das ist genau eins zu viel. Damit hast Du nicht 3, sondern 4 Fälle, für die Du entwickeln und testen musst.

Das verstehe ich nun gar nicht mehr.

Mit und ohne

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

gilt die schmale Definition solange width < 30em.

Ab 30em gilt ohne mein Vorschlag die schmale Definition (da keine Einschränkung) und es gilt die Definition für 30em.

Ich muss also testen <30em, >=30em

Mit meinem Vorschlag gelten beide Definitionen nur für den einen Fall 30em, danach gilt meine Regel 1 nicht mehr. Der Fall 30em ist dann doch genau wie der obige Fall. Und wenn > 30em, dann gibt es keine Konkurenzprobleme zwischen zwei Definitionen.

Man kann versuchen, die Überlappung bei 30em zu vermeiden.

Ohne meinen Vorschlag ist doch die Überlappung nicht nur bei 30 sondern bei allem über 30.