Günümüzde mobil uyumlu olmayan web sitesi neredeyse kalmadı. Eğer ki, sizin web siteniz de mobil uyumlu (Responsive) ise, bu çok güzel. Ancak ilgili tasarımınızın tüm cihazlar ile (telefon, tablet v.b.) adapte çalışabilmesi için, kısa bir meta etiket eklemenizde fayda var. Bu viewport adlı meta etiketi, tasarımınızın mobil cihazların küçük ekranları ile veya çok büyük ekranlar ile de örneğin, adapte çalışmasını (uyumlu olmasını) sağlıyor.
AYRICA: CSS Türkçe Karakter Hatası ve Çözüm Yöntemi
İnternet üzerinde bu yönde birçok farklı meta tag mevcut ancak W3Schools tarafından önerilen ve kullanılması en uygun olan viewport etiketi aşağıdaki gibi olacaktır. Aşağıdaki meta tag kodunu, temanızın head etiketinden hemen sonra eklemeniz yeterlidir. Etiketi, temanız Responsive uyumlu ise ekleyebilirsiniz. Bilmeyenler için faydalı olmasını dilerim.
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
Yorum bulunmamaktadır.