Opraviť chybu škálovania zariadenia Apple Safari Viewport [How To]

Ak ste webový dizajnér, pravdepodobne vás napadla chyba známa ako Viewpoint Scaling, ktorá sa vyskytuje v zariadeniach Apple, napr. IPod, iPhone a iPad. Niekedy, keď otočíme naše zariadenie Apple z orientácie na výšku na orientáciu na šírku, stránka sa priblíži a ukáže nám pohľad so šírkou väčšou ako je šírka zariadenia. Dôvodom je, že dizajnér nastavil šírku výrezu na šírku zariadenia. Aby sme vám pomohli získať predstavu o tom, ako táto chyba funguje, navrhli sme vzorovú stránku a otočili sme náš iPad z zobrazenia na výšku na šírku.

Rýchla oprava tejto chyby nás vedie k tomu, aby sme v metaznačke výrezu nastavili „maximum-scale = 1“. V súčasnosti sa tým problém nevyrieši, ale stránka sa už nedá zväčšiť, pretože opravujeme maximálnu šírku podobnú šírke zariadenia.

Táto rýchla oprava nie je presne tým najlepším riešením. Vďaka tvrdej práci dizajnérov ako @mathias, @cheeaun a @jdalton, teraz máme javascript ktoré môžu byť pridané do 

S cieľom získať trvalé riešenie. Podľa tohto riešenia bude stránka zostať zväčšiteľná.

Toto sú jediné známe riešenia, s ktorými dizajnéri doteraz prišli. Ak však máte túto chybu opravenú, v komentároch ju s nami zdieľajte.