Tanım: Geniş bir alanın görünen bir bölümünü temsil eden dikdörtgensel bölge. Örneğin scroll gerektiren çok büyük bir sayfa için viewport görünür olan dikdörtgensel bölümdür
Tanım: Mobil cihazlarda sayfanın görünüm ayarları (varsayılan genişlik, zoom desteği, scroll desteği vb..) ile ilgili bilgilerinin verildiği meta etiket adı. şeklinde kullanılabilir

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"/>

 

CSS'te viewport kavramı ve özellikleri ile ilgili w3.org referans dökümanı (İngilizce'dir)

iOS üzerindeki Safari tarayıcıları için viewport kavramının anlatıldığı referans. (İngilizce'dir)