Web Sitesini Mobil Uyumlu Yapma

Web siteniz tüm cihazlarda aynı görünüyorsa yani sitenize girdiğiniz cihazın ekran boyunu algılamıyorsa ve sitede görüntü bozuklukları varsa aşağıdaki kod bu sorunu çözecektir.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

NOT: Bu kodu sitenizin <head></head> etiketleri arasına eklemelisiniz.

Peki bu kod ne işe yarar?

Bu kod, web tarayıcısına sayfanın boyutlarını ve ölçeklendirmesini nasıl kontrol edeceğine ilişkin talimatlar verir.

width=device-width → Cihazın ekran genişliği takip ederek sayfanın genişliğini ayarlar.(cihaza bağlı olarak değişir)

initial-scale=1.0 → Sayfa tarayıcı tarafından yüklenen ilk yakınlaştırma düzeyini ayarlar.

Bir Cevap Yazın

%d blogcu bunu beğendi: