Fix Apple Device Safari Viewport Scaling Bug [Slik gjør du det]

click fraud protection

Hvis du er en web-designer, kan feilen kjent som Viewpoint Scaling ha konfrontert deg som oppstår på Apple-enhetene, f.eks. IPod, iPhone og iPad. Noen ganger, når vi roterer Apple-enheten fra portrett til liggende retning, zoomer nettstedet inn, og viser oss en visning med en bredde større enn enhetsbredden. Dette er fordi designeren har satt visningsbredden til enhetsbredden. For å hjelpe deg med å få en ide om hvordan denne feilen fungerer, designet vi en eksempelside og roterte iPad-en fra portrett til liggende.

vertikal prøve
liggende prøve - Kopi

En rask løsning for nevnte feil guider oss til å angi ‘maksimal skala = 1’ i visningsmetataggen. Dette løser problemet foreløpig, men siden er ikke lenger zoombar fordi vi fikser maksimal bredde som ligner bredden på enheten.

Denne hurtigløsningen er ikke akkurat den perfekte løsningen. Gjennom det harde arbeidet til designere som @mathias, @cheeaun og @jdalton, vi har nå en javascript som kan legges til 

seksjon for å få en permanent løsning. Under denne løsningen vil siden forbli zoombar.
instagram viewer

Dette er de eneste kjente løsningene designerne har kommet frem til så langt. Men hvis du har en annen til å fikse denne feilen, kan du dele den med oss ​​i kommentarene.

watch instagram story