media-queries

[Lydia]

Guten Tag zusammen,
nachdem dies

@media (30em <= width <= 50em )

noch nicht sehr unterstützt wird, heißt es ja

1. Definition für schmale viewports, dann z.B.

2. @media screen (min-width: 30em){}

3. @media screen (min-width: 40em){}

Es gilt neben einer anderen Regel auch immer die für schmale viewports. In diesem thread wurde auch die Performance angesprochen. Wäre es dann nicht sinnvoll zu schreiben:

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

2. @media screen (min-width: 30em){}

3. @media screen (min-width: 40em){}

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

Bleibt gesund!