media-queries
bearbeitet von 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 gibte 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.
>
> > 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 gibte 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.
media-queries
bearbeitet von 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 gibte es keine Konkurenzprobleme zwischen zwei Definitionen.