Veb inkişafında viewport nə üçün lazımdır?

Görünüm sahəsi (viewport), brauzerdə veb səhifənin görünən sahəsidir. O, istifadəçiyə göstərilən məzmunun ölçüsünü və miqyasını müəyyən edir. Onun olmaması səhifələrin müxtəlif cihazlarda, masaüstlərdən smartfonlara qədər düzgün göstərilməməsinə səbəb ola bilər.

Əsas funksiyası, səhifənin düzənini cihazın ekran ölçüsünə uyğunlaşdırmaqdır. viewport meta-teqi vasitəsilə məzmunun eni və miqyası idarə oluna bilər.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

• width=device-width: Görünüm pəncərəsinin eni cihazın ekran eni ilə eyni olur.
• initial-scale=1.0: Səhifə yüklənərkən ilkin miqyas səviyyəsini müəyyən edir. Birlik, miqyaslamadan (100%) ibarətdir.

viewport istifadəsi CSS media sorğuları kimi cavabverici dizayn texnologiyaları ilə sıx əlaqəlidir və bu texnologiyalar görünüm pəncərəsinin ölçüsünə əsasən müxtəlif stillər tətbiq etməyə imkan verir.