Correzione del bug di ridimensionamento di Viewport Safari di Apple Device [How To]

Se sei un web designer, il bug noto come Viewpoint Scaling potrebbe averti confrontato con quello che si verifica nei dispositivi Apple, ad esempio iPod, iPhone e iPad. A volte, quando ruotiamo il nostro dispositivo Apple dall'orientamento verticale a quello orizzontale, il sito ingrandisce, mostrandoci una vista che ha una larghezza maggiore della larghezza del dispositivo. Questo perché il designer ha impostato la larghezza della finestra sulla larghezza del dispositivo. Per aiutarti a farti un'idea di come funziona questo bug, abbiamo progettato una pagina di esempio e ruotato il nostro iPad da verticale a orizzontale.

Una soluzione rapida per detto bug ci guida a impostare la "scala massima = 1" nel metatag della vista. Questo risolve il problema per il momento, ma la pagina non è più in grado di eseguire lo zoom perché fissiamo la larghezza massima simile alla larghezza del dispositivo.

Questa soluzione rapida non è esattamente la soluzione perfetta. Attraverso il duro lavoro di designer come @mathias, @cheeaun e @jdalton, ora abbiamo un javascript che può essere aggiunto a 

sezione per ottenere una soluzione permanente. Con questa soluzione, la pagina rimarrà zoomabile.

Queste sono le uniche soluzioni conosciute che i designer hanno escogitato finora. Ma se ne hai un altro per correggere questo errore, condividilo con noi nei commenti.