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
8 Ekim 2014
Benzer yazılar
Henüz yorum yapılmamış
Son Yorumlar
Allah yar ve yardımcın olsun kardeşim : ) Altın-dolar'ı bırak doğalgaz-pe...
Tamam yani 2020 kötü geçer diyordum da bu kadarı da biraz fazla mı oldu ne ...
Bu nasıl bir analiz bu nasıl bir öngörü be kardeşim :) 2015 sönük kaldı...
Böylesi bir güzelliği illa da Batı'lı bir şahsiyet tanınmlayan zihniyet z...
Bu aslında biraz da çocukların toplumsal hayatın merkezine yerleşmesi ile i...