Junior
CSS-ში ზომების მითითებისას რა მიზნით გამოიყენება ერთეულები vh და vw?
sobes.tech AI
პასუხი AI-სგან
CSS-ში vh და vw ზომის ერთეულები გამოიყენება ზომების მითითებისთვის, რომლებიც დამოკიდებულია ბრაუზერის ხედვის არეალის (viewport) ზომაზე.
vh(ხედვის სიმაღლე): წარმოადგენს ხედვის არალის სიმაღლის 1%-ს.vw(ხედვის სიგანე): წარმოადგენს ხედვის არალის სიგანის 1%-ს.
მთავარი მიზანია შექმნას რეაგირებადი დიზაინი, სადაც ელემენტების ზომები დამოკიდებულია მიმდინარე ბრაუზერის ფანჯრის ზომებზე, არა ფიქსირებულ მნიშვნელობებზე პიქსელებში ან მშობელ ელემენტების ზომებზე. ეს საშუალებას აძლევს ადვილად სკალირებას ელემენტების, როგორიცაა სრული სიმაღლის ან სიგანის სექციები, ფონტები, სურათები და სხვა კომპონენტები, რათა უზრუნველყოს კომფორტული ჩვენება სხვადასხვა ზომის ეკრანებზე.
მაგალითად:
height: 100vh;— ქმნის ელემენტს სიმაღლეში 100% ხედვის არალის.width: 50vw;— ქმნის ელემენტს სიგანეში 50% ხედვის არალის.