Meta viewport elementinin bazı özellikleri aşağıda listelenmiştir:
- 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
Yukarıdaki özellikler aşağıdaki gibi kullanılmaktadır :
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
