CSS3-ը մեզ տալիս է տեսադաշտի հարաբերական միավորներ: 100vw նշանակում է տեսադաշտի լայնության 100%-ը: 100 վժ; 100% բարձրության.
100vh-ը նույնն է, ինչ 100%:
Օրինակ, տեսադաշտի միավորները կարող են օգտակար լինել, երբ փորձում եք ստեղծել տարրերի հավասար բարձրություն/լայնություն: … Ի հակադրություն, բարձրությունը՝ 100vh կլինի տեսադաշտի բարձրության 100%-ը՝ անկախ այն բանից, թե տարրը որտեղ է գտնվում DOM-ում:
Ի՞նչ է նշանակում VH-ը CSS-ում:
vh & vw. vh-ն նշանակում է տեսադաշտի բարձրություն, իսկ vw՝ տեսադաշտի լայնությունը: Հետևաբար, տարրը 50 վվ լայնության արժեքի սահմանում նշանակում է, որ տարրը կունենա լայնություն, որը կկազմի տեսադաշտի չափի 50%-ը, և դա ճիշտ է մնում, երբ տեսադաշտի չափը փոխվում է:
Ինչպե՞ս կարող եմ իմ հասակը դարձնել 100vh:
բարձրություն՝ 100vh; նշանակում է, որ այս տարրի բարձրությունը հավասար է տեսադաշտի բարձրության100%-ին: օրինակ՝ բարձրությունը՝ 50vh; Եթե ձեր էկրանի բարձրությունը 1000px է, ձեր տարրի բարձրությունը հավասար կլինի 500px-ի (1000px-ի 50%-ը): բարձրությունը՝ հաշվարկ (100% - 100px); կհաշվարկի տարրի չափը՝ օգտագործելով տարրի արժեքը։
Ինչու է 100% բարձրությունը չի աշխատում:
Եթե փորձեք սահմանել div կոնտեյների բարձրությունը դիտարկիչի պատուհանի 100%-ին՝ օգտագործելով ոճի կանոնի բարձրությունը՝ 100%; այն չի աշխատում, քանի որ տոկոսը (%) հարաբերական միավոր է, ուստի ստացված բարձրությունը կախված է մայր տարրի բարձրությունից:
