Amacım kendi köşemde kendi düşüncelerimi yazmak, Yazarken edebi kaygılar taşımam, sadece derdimi yazarım.

Meta Viewport Elementi ve Özellikleri

Bahsi geçen kod şudur:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

Bu kodun kullanım amacı responsive tasarımlarda mobil cihazların ekran genişliklerine uyum sağlamak için diyebiliriz.

Meta viewport elementinin bazı özellikleri de mevcuttur yükseklik, genişlik, yakınlaştırma vb gibi. BU özellikler ve nasıl kullanıldıkları aşağıda açıklanmıştır.

width : Piksel olarak verilen viewport genişliği. Değer olarak device-width ile cihazın ekran genişliği de verilebilir
height: Piksel olarak verilen viewport yüksekliği. Değer olarak device-height ile cihazın ekran yüksekliği de verilebilir
initial-scale: Sayfayı ilk gösterilirken ne kadar ölçekli (scale) olarak verileceği. Örneğin 1.0 değeri verilirse başlangıç görünütüsü ölçeklenmeden gösterilir. 0 ile 10.0 arası bir değer olabilir
minimum-scale: Kullanıcının en çok yapabileceği zoom out (küçültme) oranı.
maximum-scale: Kullanıcının en çok yapabileceği zoom in (büyültme) oranı.
user-scalable: Kullanıcının ölçekleme veya zoom yapıp yamamayacağını vermek için kullanılır. yes veya no değerini alır ve varsayılan olarak yes değerini alır

 

Yorum Ekleme Alanı


Henüz yorum yapılmamış