Asıl sorun, kullanıcı yakınlaştırma kutusunun dışına tıklarsa yakınlaştırmanın kilitlenmesi ve yakınlaştırma veya uzaklaştırma yapamayacak olmasıdır.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
Görüntü alanı, kullanıcının bir web sayfasının görünür alanıdır. Cihaza göre değişir ve cep telefonunda bilgisayar ekranından daha küçük olacaktır.
Genişlik=cihaz-genişlik kısmı, görünümün genişliğini cihazın genişliğini takip edecek şekilde ayarlar (cihaza bağlı olarak değişir).
Initial-scale=1.0 bölümü, sayfa tarayıcı tarafından ilk yüklendiğinde ilk yakınlaştırma seviyesini ayarlar.
maximum-scale=1.0 bölümü, kullanıcının sayfada ne kadar yakınlaştırma yapmasına izin verildiğini ayarlar. 1.0 değeri, yakınlaştırmaya izin verilmediği anlamına gelir.
user-scalable=no bölümü, bazı cihazlarda varsayılan olarak kullanılabilen yakınlaştırmayı devre dışı bırakır (yakınlaştırmak için çift dokunma gibi).
Mobil Web Sayfasında Yakınlaştırmayı Devre Dışı Bırakma
HTML'de bir mobil web sayfasında yakınlaştırmayı devre dışı bırakmak için aşağıdaki kodu kullanın:
Bu, sayfanın görüntülendiği cihazın genişliğine sığmasını sağlar.
Yakınlaştır
HTML'de uzaklaştırmak için zoom özelliğini kullanın. Örneğin:
yakınlaştırma: 1;
HTML Ölçeklendirmeyi kapatın
HTML ölçeklendirme, web tarayıcılarının metin ve görüntüleri daha küçük veya daha büyük ekranlarda daha okunabilir hale getirmek için büyütmesine veya küçültmesine olanak tanıyan bir HTML özelliğidir. Bu özellik çoğu tarayıcıda html-scaling özelliği "none" olarak ayarlanarak kapatılabilir.
