Veb rivojlanishda viewport nima uchun kerak?

Viewport — bu brauzerdagi veb-sahifaning ko‘rinadigan hududidir. U foydalanuvchiga ko‘rsatiladigan mazmunning o‘lchami va miqyosi­ni belgilaydi. Uning bo‘lmasligi sahifalar turli qurilmalarda, stol kompyuterlaridan smartfonlargacha, noto‘g‘ri ko‘rsatilishiga olib kelishi mumkin.

Uning asosiy vazifasi — sahifa maketini qurilma ekranining o‘lchamlariga moslashtirish. viewport meta-tegi yordamida mazmun kengligi va miqyosi nazorat qilinishi mumkin.

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

• width=device-width: Ko‘rish oynasining kengligini qurilma ekranining kengligiga teng qiladi.
• initial-scale=1.0: Sahifa yuklanganda boshlang‘ich miqyoni belgilaydi. Birligi, miqyoslashsiz (100%) ni anglatadi.

viewportdan foydalanish CSS media so‘rovlar kabi moslashuvchan dizayn texnologiyalari bilan chambarchas bog‘liq bo‘lib, ular ko‘rish oynasining o‘lchamiga qarab turli uslublarni qo‘llash imkonini beradi.