Apple Device Safari Viewport Ölçeklendirme Hatasını Düzeltme [Nasıl Yapılır]

Bir web tasarımcısıysanız, Viewpoint Scaling olarak bilinen hata, Apple cihazlarında, yani iPod, iPhone ve iPad'de ortaya çıkan hata ile karşılaşmış olabilir. Bazen, Apple cihazımızı dikeyden yatay yöne döndürdüğümüzde, site yakınlaşarak bize cihaz genişliğinden daha geniş genişliğe sahip bir görünüm gösterir. Bunun nedeni tasarımcının görünüm alanı genişliğini aygıt genişliğine ayarlamasıdır. Bu hatanın nasıl çalıştığı hakkında bir fikir edinmenize yardımcı olmak için örnek bir sayfa tasarladık ve iPad'imizi dikeyden yatay görünüme döndürdük.

Söz konusu hataya yönelik hızlı bir düzeltme, görünüm alanı meta etiketinde "maksimum ölçek = 1" değerini belirlememize yardımcı olur. Bu, şu an için sorunu çözüyor ancak cihaz genişliğine benzer maksimum genişliği düzelttiğimiz için sayfa artık yakınlaştırılamıyor.

Bu hızlı düzeltme tam olarak mükemmel bir çözüm değildir. Gibi tasarımcıların sıkı çalışma sayesinde @mathias, @cheeaun ve @jdalton, şimdi bir javaScript eklenebilir 

kalıcı bir çözüm elde etmek için. Bu çözüm altında, sayfa yakınlaştırılabilir durumda kalacaktır.

Bunlar, tasarımcıların bugüne kadar ortaya koyduğu bilinen tek çözümdür. Ancak bu hatayı düzeltmek için başka bir tane varsa, yorumlarda bizimle paylaşın.