Selecteer VH (viewport-hoogte), VW (viewport-breedte) en % van CSS

Met CSS, met VH, VW en % van de prijzen die je kunt verdienen, kun je dit ook doen U kunt het beste de volgende stap zetten.

Viewport: bekijk de website, de adresbalk, de bladwijzerbalk…

1. VH, VW

• VH is een weergave van de weergaveport, 100vh = 100% van de weergaveport
• VW is een van de meest populaire viewports, 100vw = 100% van deze viewport
• Je kunt zowel VH als VW een keuze maken uit de breedte van de schuifbalk en de hoogte .

Als u de optie op 50vh instelt , kunt u de viewport voor 50% instellen. Als u een auto wilt kopen, kunt u deze op 30vw instellen , met een waarde van 30% kijkvenster.

U kunt het responsieve web bekijken als u de weergaveport bekijkt

2. Đơn vị %

• Đơn vị % trong CSS biểu thị % kích thước tử dựa trên kích thước của tử cha
• Als het percentage van het percentage groter is, kan het zijn dat u dit niet kunt doen.
• Đơn vị % thường được sửng đểo layout web khi mà kích thước của pủn đó có liên quan tới tử cha chứa Nee.

Als u de breedte op 50% instelt, kunt u de breedte op 50% instellen.

Đơn vị % thường được sụng để tạo layout khi kích thước của phần tử tham chiếu dựa trên kích thước tử chứa nó. Als u meer wilt weten over wat u kunt doen, kunt u het beste dit doen Het kan niet zo lang duren als het percentage % toeneemt.

Kết luận

• Đơn vị VH, VW là đơn vị sẽ tham chiếu theo kích thước của viewport en chúng hữu ích trong hợp khi tạo layout responsive thay đổi theo kích thước viewport của browser.
• Đơn vị % là đơn vị tham chiếu theo kích thước của phần tử cha en thường được sửng để tạo bốc ục các als je het leuk vindt

Als je CSS wilt gebruiken, kun je meer dan alleen maar meer mensen bereiken U kunt op de website van de website terecht met de code voor uw nhất.

Bài viết được lược dịch theo:
Verschil tussen Viewport's hoogte (vh)/breedte (vw) en Percentage-eenheden (%) in CSS