Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

Meta "viewport" Etiketi Nedir? Ne İşe Yarar?


FacebookTwitterPinterestTumblrYazdır


Meta "viewport" Etiketi Nedir? Ne İşe Yarar?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" />


  1. Yorum bulunmamaktadır.

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yazı Etiketleri
Yukarı Çık