Kategorien
Browser Frontend: HTML5, CSS3, jQuery

iOS 9/Safari: was tun, wenn die responsive Website nicht mehr über die komplette Breite geht?

Unter iOS 9 kann es dazu kommen, dass responsive Seiten in der Breite schrumpfen, wenn ein Element breiter als der Viewport ist. Mögliche Lösung: die Viewport-Angabe um shrink-to-fit=no ergänzen, so wird dann <meta name="viewport" content="initial-scale=1, width=device-width, shrink-to-fit=no"> daraus.

Oft gibt es auch den Tipp, maximum-scale auf 1 oder user-scalable auf no zu setzen, aber das lasst ihr mal lieber, da man sonst nicht mehr zoomen kann.

(Erinnert sich noch jemand an viewport=minimal-ui? Hahaha …)