Html Viewport Nedir ?

Html Viewport

Viewport, bir web sayfasının görünür alanı olarak tanımlanır; bu, sayfaya erişmek için kullanılan cihazın boyutuna bağlı olarak değişir. Örneğin, masaüstü bilgisayarlar, tabletler ve akıllı telefonların tümü farklı bir görüntüleme noktasına sahiptir.

Viewport ve Web Sitesi Tasarımı

Web sitelerini tasarlarken, görünüm penceresi, siteyi farklı cihazlarda oluşturmak için stilleri ve diğer web sitesi özelliklerini ayarlamak için kullanılan bir HTML meta etiketidir (veya CSS'de bir @ kuralıdır) .

Görünüm etiketi aşağıdakilerle birlikte kullanılır:

Viewport Height & Width: Görüntüleme alanının yüksekliğini veya genişliğini tanımlamak için yükseklik (cihaz yüksekliği değeri) veya genişlik (cihaz genişliği değerleri) .

Viewport Scale: Minimum ölçek, maksimum ölçek, başlangıç ölçek ve kullanıcı ölçeklenebilir özellikleri, web sitesinin mobil bir aygıtta nasıl ölçeklendiğini denetler.

Viewport Resolution: Herhangi bir görüntüleme noktası ölçek değerine dayanan bir web sitesinin ölçeklenmesine karar verir

user-scalable:1 veya 0 : 0 değeri kullanıcı tarafından zoom yapılmasını engller, 1 değeri izin verir.

Örnek:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3, user-scalable=1">