Bulduğum oly çözüm düzgün görünmese de, JavaScript ile yakınlaştırma seviyesini kontrol edebilirsiniz.
Diyelim ki içinde <head>
:
<meta id="vp" name="viewport" content="width=768,initial-scale=1.0">
4x'e yakınlaştırmak ve yine de kullanıcının yakınlaştırmayı değiştirmesine izin vermek için içeriği iki kez değiştirin:
var vp = document.getElementById('vp');
vp.content = "width=767,minimum-scale=4.0,maximum-scale=4.0,user-scalable=yes";
vp.content = "width=768,minimum-scale=0.25,maximum-scale=10.0,user-scalable=yes";
Genişliği değiştirmek çok önemlidir - aksi takdirde Mobile Safari'de ciddi yeniden boyama hataları vardır (aşırı optimizasyon nedeniyle).
Yeniden ayarlayamazsınız initial-scale
- ikinci kez yok sayılır.
scalesPageToFit = YES
işe yarıyor ama varsayılan içerik boyutunuzu değiştiriyor, Cevabıma bakın bu size yardımcı olacaktır.