Веб-дамытуу үчүн viewport эмне үчүн керек?

Көрүнүү аймагы (viewport) — бул браузердеги веб-баракчанын көрүнүүчү аймагы. Ал колдонуучуга көрсөтүлүүчү мазмундун өлчөмүн жана масштабын аныктайт. Анын жоктугу сайттардын ар кандай түзмөктөрдө, десктоптон смартфонго чейин туура көрсөтүлбөшүнө алып келиши мүмкүн.

Анын негизги милдети — баракчанын макетин түзмөктүн экран өлчөмүнө ылайыкташтыруу. viewport мета-теги аркылуу мазмундун кеңдигин жана масштабын көзөмөлдөөгө болот.

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

• width=device-width: Көрүү терезесинин кеңдигин түзмөктүн экран кеңдигине барабар кылат.
• initial-scale=1.0: Баракча жүктөлгөндө баштапкы масштаб деңгээлин аныктайт. Бирдик, масштабсыз (100%) дегенди билдирет.

viewport колдонуу CSS медиа суроолор сыяктуу жооптуу дизайн технологиялар менен тыгыз байланышта жана бул технологиялар көрүү терезесинин өлчөмүнө жараша ар кандай стили колдонууга мүмкүндүк берет.