molily: <link> "only screen and (max-width: 920px)"

Beitrag lesen

Hallo,

Wenn der Nutzer dann die Viewport-Größe ändert, was soll dann passieren? Das zutreffende Stylesheet erst zu diesem Zeitpunkt laden – und so lange, bis das abgeschlossen ist, die bisherigen Styles trotz nicht zutreffender media query anwenden,

Ja. Nicht ideal, aber besser ist es schwer möglich.

So setzt es Mobile Safari im Grunde schon um, wenn er das Laden von Stylesheets hinten anstellt, deren media-Bedingungen gegenwärtig nicht zutreffen. Denn ich kann das Handy z.B. während des Ladens drehen, wodurch sich der Viewport ändert. Dann muss Safari zwangsläufig auf den laufenden HTTP-Request warten.

oder gar einen FOUC für den Übergangszeitraum provozieren …?

Habe ich nicht getestet, ich vermute aber, die bisherigen unzutreffenden Styles bleiben solange aktiv.

Mathias