Px to Rem
Converteer pixelwaarden naar rem en em voor schaalbare CSS-typografie.
① Voer een pixelwaarde in ② Stel de basislettergrootte in (standaard 16px) ③ Kopieer rem of em
Waarom rem gebruiken in plaats van px?
rem-eenheden (root em) schalen mee met de lettergrootte-instelling van de browser, waardoor je typografie toegankelijker en responsiever wordt. 1rem = 16px in de meeste browsers standaard — gebruikers kunnen dit wijzigen via font-size in de browserinstellingen. rem in plaats van px zorgt voor proportionele schaling.
Veelgestelde vragen
rem (root em) is een relatieve CSS-eenheid gebaseerd op de lettergrootte van het root-element (<html>). Standaard: 1rem = 16px. rem-eenheden schalen wanneer gebruikers hun basislettergrootte wijzigen.
rem is altijd relatief ten opzichte van het root-element. em is relatief ten opzichte van het bovenliggende element. rem heeft de voorkeur vanwege de voorspelbaarheid.
De standaard browserlettergrootte is 16px (1rem = 16px). Dit kan worden gewijzigd met html { font-size: Xpx; }.
Deel de px-waarde door de basislettergrootte. Met basis 16px: 24px ÷ 16 = 1,5rem.
Ja. rem voor lettergroottes respecteert de gebruikersvoorkeuren en voldoet aan WCAG 1.4.4.
Gebruik px voor randen, schaduwen en media queries. Geef de voorkeur aan rem voor typografie.
rem = px ÷ basislettergrootte. Voorbeeld: 24px ÷ 16px = 1,5rem.