CSS3 გვაძლევს ხედვის პორტთან შედარებით ერთეულებს. 100vw ნიშნავს ხედის სიგანის 100%-ს. 100vh; სიმაღლის 100%.
100vh იგივეა რაც 100%?
მაგალითად, ხედვის პორტის ერთეულები შეიძლება სასარგებლო იყოს ელემენტების თანაბარი სიმაღლის/სიგანის დასტას შექმნისას. … ამის საპირისპიროდ, სიმაღლე: 100vh იქნება ხედის სიმაღლის 100%, მიუხედავად იმისა, თუ სად არის ელემენტი DOM-ში.
რას ნიშნავს VH CSS-ში?
vh & vw. vh ნიშნავს viewport სიმაღლე და vw არის ხედის სიგანე. მაშასადამე, ელემენტის სიგანის მნიშვნელობის 50vw დაყენება ნიშნავს, რომ ელემენტს ექნება სიგანე, რომელიც არის ხედის ზომის 50%, და ეს რჩება ჭეშმარიტი, როდესაც ხედის ზომა იცვლება.
როგორ შევცვალო ჩემი სიმაღლე 100vh?
სიმაღლე: 100vh; ნიშნავს, რომ ამ ელემენტის სიმაღლე უდრის ხედის სიმაღლის 100%-ს.. მაგალითი: სიმაღლე: 50vh; თუ თქვენი ეკრანის სიმაღლეა 1000 პიქსელი, თქვენი ელემენტის სიმაღლე იქნება 500 პიქსელი (1000 პიქსელის 50%). სიმაღლე: calc (100% - 100px); გამოთვლის ელემენტის ზომას ელემენტის მნიშვნელობის გამოყენებით.
რატომ არ მუშაობს სიმაღლე 100%?
თუ შეეცდებით დააყენოთ div კონტეინერის სიმაღლე ბრაუზერის ფანჯრის 100%-ზე სტილის წესის სიმაღლეზე: 100%; ეს არ მუშაობს, რადგან პროცენტი (%) არის ფარდობითი ერთეული, ამიტომ მიღებული სიმაღლე დამოკიდებულია ძირითადი ელემენტის სიმაღლეზე.
