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