CSS Eenheid Converter
Gratis online CSS-eenheidsconverter, px/rem/em/vw-conversie
CSS-eenheidstypen
px (pixels) — absolute eenheid, 1px = 1/96 inch. rem — relatief ten opzichte van de root-lettergrootte (standaard 16px). em — relatief ten opzichte van de lettergrootte van het bovenliggende element. vw — 1% van de viewport-breedte. vh — 1% van de viewport-hoogte. pt — punten (1pt = 1,333px). cm, mm, in — fysieke eenheden.
CSS-eenheden converteren
Voer een waarde in met de eenheid, stel de root-lettergrootte in (voor rem-berekeningen) en de viewport-afmetingen (voor vw/vh). De tool toont conversies naar alle andere eenheden. Dit helpt ervoor te zorgen dat responsieve ontwerpen op verschillende schermformaten werken.
▶Moet ik px of rem gebruiken?
Gebruik rem voor lettergrootten en spatiëring om toegankelijkheidsinstellingen van gebruikers (browserzoom) te ondersteunen. Gebruik px voor randen, box-shadows en fijne details waar precieze controle belangrijk is. Veel teams kiezen een rem-first-benadering voor betere toegankelijkheid.
▶Wat is de standaard root-lettergrootte?
De standaard root-lettergrootte in de meeste browsers is 16px. Dus 1rem = 16px, 1,5rem = 24px. U kunt dit wijzigen met html { font-size: ... } in CSS.
▶Wanneer moet ik vw en vh gebruiken?
Gebruik vw/vh voor responsieve layouts die meeschalen met de viewport. Hero-secties die het hele scherm vullen (100vh), lettergrootten die meeschalen met de viewport-breedte en elementen met volledige breedte zijn veelvoorkomende gebruikssituaties.