Junior
Көру аймағының мақсаты неде?
sobes.tech AI
AI-дан жауап
Viewport — бұл пайдаланушы үшін веб-беттің көрінетін аймағын анықтайды. Ол адаптивті дизайн үшін қажет, сондықтан мазмұн масштабталып, әртүрлі экран өлшемдері бар құрылғыларда дұрыс көрсетіледі (смартфондар, планшеттер, настольды компьютерлер).
Әдетте ол HTML құжатының <head> бөліміндегі <meta> тегін пайдалану арқылы орнатылады:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
content атрибутын қарастырайық:
width=device-width: Viewport-тың ені құрылғының экранының еніне тең болады, ол тығыздыққа тәуелсіз пиксельдерде (density-independent pixels).initial-scale=1.0: Бетті жүктеген кезде бастапқы масштабтау коэффициентін орнатады. 1.0 мәні әдепкі масштабтауды болдырмайды және 1 CSS пикселі 1 көрінетін пиксельге сәйкес келетінін кепілдік береді.
Егер viewport дұрыс бапталмаса, мобильді браузерлер беттерді шағын экрандарға арналмаған тұрақты масштабта көрсетіп, көлденең айналдыруды қажет етуі мүмкін.