PX, REM en EM Eenheden Converter: Essentiële CSS Eenheden Uitleg

Inleiding tot CSS Eenheid Conversie

Het begrijpen en converteren tussen CSS-eenheden is essentieel voor responsief webdesign en ontwikkeling. De PX (pixel), REM (root em) en EM eenheden zijn fundamentele bouwstenen die bepalen hoe elementen worden geconfigureerd en gepositioneerd op verschillende apparaten en schermformaten. Deze uitgebreide eenheden converteren tool stelt je in staat om waarden tussen deze drie kritische CSS-eenheden eenvoudig te vertalen, waardoor je meer flexibele en onderhoudbare weblay-outs kunt creëren.

Pixels (PX) zijn vaste eenheden die nauwkeurige controle bieden maar niet schaalbaar zijn, terwijl REM-eenheden schalen ten opzichte van de lettergrootte van het root-element, en EM-eenheden schalen ten opzichte van de lettergrootte van hun bovenliggend element. Het converteren tussen deze eenheden kan uitdagend zijn, vooral bij het werken met complexe ontwerpen of bij het ondersteunen van toegankelijkheidsfuncties zoals het vergroten van tekst. Onze PX, REM en EM converter vereenvoudigt dit proces, zodat je je kunt concentreren op het creëren van mooie, responsieve ontwerpen.

CSS Eenheden Begrijpen: PX, REM en EM

Wat zijn Pixels (PX)?

Pixels (PX) zijn de meest basale en algemeen gebruikte CSS-eenheid. Een pixel is een enkel punt in een digitaal afbeeldingsrooster en vertegenwoordigt het kleinste controleerbare element op een scherm. In CSS bieden pixels een vaste eenheid van meting die consistent blijft, ongeacht andere stijlfactoren.

1.element {
2  width: 200px;
3  font-size: 16px;
4  margin: 10px;
5}
6

Belangrijke kenmerken van pixels:

Vaste eenheden die niet automatisch schalen
Bieden nauwkeurige controle over elementafmetingen
Makkelijk te begrijpen en visualiseren
Minder ideaal voor responsief ontwerp en toegankelijkheid

Wat zijn REM Eenheden?

REM (root em) eenheden zijn relatieve eenheden die schalen op basis van de lettergrootte van het root-element (typisch het <html> element). Standaard stellen de meeste browsers de root-lettergrootte in op 16px, waardoor 1rem gelijk is aan 16px, tenzij expliciet gewijzigd.

1html {
2  font-size: 16px; /* Standaard in de meeste browsers */
3}
4
5.element {
6  width: 12.5rem; /* Gelijk aan 200px met standaard root-lettergrootte */
7  font-size: 1rem; /* Gelijk aan 16px */
8  margin: 0.625rem; /* Gelijk aan 10px */
9}
10

Belangrijke kenmerken van REM eenheden:

Schalen ten opzichte van de lettergrootte van het root-element
Behouden consistente verhoudingen door het document heen
Ondersteunen betere toegankelijkheid door globale aanpassingen van lettergrootte
Ideaal voor responsieve lay-outs en typografie

Wat zijn EM Eenheden?

EM eenheden zijn relatieve eenheden die schalen op basis van de lettergrootte van hun bovenliggend element. Als er geen lettergrootte voor het bovenliggende element is opgegeven, verwijzen EM's naar de geërfde lettergrootte.

1.parent {
2  font-size: 20px;
3}
4
5.child {
6  font-size: 0.8em; /* Gelijk aan 16px (20px × 0.8) */
7  margin: 0.5em; /* Gelijk aan 8px (16px × 0.5) */
8}
9

Belangrijke kenmerken van EM eenheden:

Schalen ten opzichte van de lettergrootte van hun bovenliggend element
Creëren een cascaderend effect wanneer genest
Nuttig voor het creëren van proportionele ontwerpen binnen componenten
Kunnen complex worden om te beheren met diep geneste elementen

Conversie Formules en Berekeningen

Het begrijpen van de wiskundige relaties tussen PX, REM en EM eenheden is cruciaal voor nauwkeurige conversies. Hier zijn de formules die in onze converter worden gebruikt:

PX naar REM Conversie

Om pixels naar REM eenheden te converteren, deel je de pixelwaarde door de root-lettergrootte:

$REM = \frac{PX}{rootFontSize}$

Bijvoorbeeld, met de standaard root-lettergrootte van 16px:

16px = 1rem
24px = 1.5rem
8px = 0.5rem

PX naar EM Conversie

Om pixels naar EM eenheden te converteren, deel je de pixelwaarde door de lettergrootte van het bovenliggende element:

$EM = \frac{PX}{parentFontSize}$

Bijvoorbeeld, met een bovenliggende lettergrootte van 16px:

16px = 1em
24px = 1.5em
8px = 0.5em

REM naar PX Conversie

Om REM eenheden naar pixels te converteren, vermenigvuldig je de REM-waarde met de root-lettergrootte:

$PX = REM \times rootFontSize$

Bijvoorbeeld, met de standaard root-lettergrootte van 16px:

1rem = 16px
1.5rem = 24px
0.5rem = 8px

EM naar PX Conversie

Om EM eenheden naar pixels te converteren, vermenigvuldig je de EM-waarde met de lettergrootte van het bovenliggende element:

$PX = EM \times parentFontSize$

Bijvoorbeeld, met een bovenliggende lettergrootte van 16px:

1em = 16px
1.5em = 24px
0.5em = 8px

REM naar EM Conversie

Om REM eenheden naar EM eenheden te converteren, moet je rekening houden met zowel de root-lettergrootte als de lettergrootte van het bovenliggende element:

$EM = REM \times \frac{rootFontSize}{parentFontSize}$

Als zowel de root- als de bovenliggende lettergrootte gelijk zijn (bijv. 16px), dan is 1rem = 1em.

EM naar REM Conversie

Om EM eenheden naar REM eenheden te converteren, gebruik je de volgende formule:

$REM = EM \times \frac{parentFontSize}{rootFontSize}$

Nogmaals, als beide lettergroottes gelijk zijn, dan is 1em = 1rem.

Hoe de PX, REM en EM Eenheden Converter te Gebruiken

Onze eenheden converter tool maakt het eenvoudig om waarden tussen PX, REM en EM eenheden te vertalen. Hier is een stapsgewijze gids voor het effectief gebruiken van de converter:

Basisgebruik

Voer een waarde in een van de invoervelden in (PX, REM of EM)
De converter zal automatisch berekenen en de equivalente waarden in de andere twee eenheden weergeven
Pas de root-lettergrootte aan (standaard: 16px) om te zien hoe dit de REM-conversies beïnvloedt
Pas de bovenliggende lettergrootte aan (standaard: 16px) om te zien hoe dit de EM-conversies beïnvloedt
Gebruik de kopieerknop naast elk veld om de waarde naar je klembord te kopiëren

Geavanceerde Functies

Visuele vergelijking: De tool biedt een visuele weergave van de relatieve groottes van elke eenheid
Precisiecontrole: Alle berekeningen behouden 4 decimalen voor nauwkeurigheid
Negatieve waarden: De converter ondersteunt negatieve waarden, die geldig zijn in CSS voor eigenschappen zoals marges
Realtime updates: Elke wijziging in invoerwaarden of lettergrootte-instellingen werkt alle berekeningen onmiddellijk bij

Tips voor Nauwkeurige Conversies

Voor de meest nauwkeurige REM-conversies, stel de root-lettergrootte in op de lettergrootte van je project <html>-element
Voor nauwkeurige EM-conversies, stel de bovenliggende lettergrootte in op de lettergrootte van het bovenliggende element waarmee je werkt
Vergeet niet dat standaard lettergroottes in browsers kunnen variëren, hoewel 16px de meest voorkomende standaard is

Praktische Toepassingen voor CSS Eenheid Conversie

Begrijpen wanneer je elke CSS-eenheid moet gebruiken en hoe je tussen hen kunt converteren is cruciaal voor effectieve webontwikkeling. Hier zijn enkele praktische toepassingen en scenario's waarin onze eenheden converter van onschatbare waarde blijkt te zijn:

Responsief Webdesign

Converteren tussen eenheden is essentieel voor het creëren van echt responsieve ontwerpen:

Mobiel-eerst benadering: Begin met een basisontwerp in pixels, converteer dan naar relatieve eenheden voor schaalbaarheid
Breakpoint-beheer: Gebruik REM's voor consistente spatiëring over verschillende viewportgroottes
Component-scaling: Zorg ervoor dat UI-elementen proportionele relaties behouden wanneer de viewport verandert

1/* Converteer vaste pixelwaarden naar responsieve REM-eenheden */
2.container {
3  /* Van: padding: 20px; */
4  padding: 1.25rem; /* 20px ÷ 16px = 1.25rem */
5  
6  /* Van: margin-bottom: 32px; */
7  margin-bottom: 2rem; /* 32px ÷ 16px = 2rem */
8}
9

Toegankelijkheidsverbeteringen

Het gebruik van relatieve eenheden verbetert de toegankelijkheid door de voorkeuren van de gebruiker te respecteren:

Tekstgrootte vergroten: Wanneer gebruikers de lettergrootte van hun browser wijzigen, passen REM-gebaseerde lay-outs zich dienovereenkomstig aan
Zoomfunctionaliteit: Relatieve eenheden zorgen ervoor dat ontwerpen proportioneel blijven wanneer gebruikers inzoomen
Respect voor gebruikersvoorkeuren: Lay-outs op basis van relatieve eenheden eren de standaard lettergrootte-instellingen van de gebruiker

Component-gebaseerde Ontwerpsystemen

Moderne ontwerpsystemen profiteren van doordacht gebruik van eenheden:

Consistente componenten: Gebruik REM voor globale spatiëring en consistentie in afmetingen
Zelfvoorzienende modules: Gebruik EM voor elementen die moeten schalen met hun bovenliggende componenten
Ontwerptokens: Converteer tussen eenheden bij het implementeren van ontwerptokens in verschillende contexten

Typografie Systemen

Het creëren van harmonieuze typografie vereist zorgvuldige eenheidsselectie:

Typografische schalen: Definieer een typografische schaal in REM's voor consistente progressie
Regellengtes: Gebruik eenheidsloze waarden of EM's voor proportionele regelhoogtes
Responsieve tekst: Pas lettergroottes aan over breakpoints terwijl je verhoudingen behoudt

1/* Typografisch systeem met REM-eenheden */
2h1 { font-size: 2.5rem; }    /* 40px */
3h2 { font-size: 2rem; }      /* 32px */
4h3 { font-size: 1.5rem; }    /* 24px */
5h4 { font-size: 1.25rem; }   /* 20px */
6p { font-size: 1rem; }       /* 16px */
7small { font-size: 0.875rem; } /* 14px */
8

Pixel-perfect Ontwerpen

Bij het implementeren van ontwerpen vanuit tools zoals Figma of Photoshop:

Ontwerp overdracht: Converteer pixelwaarden uit ontwerpbestanden naar REM/EM voor ontwikkeling
Nauwkeurigheid behouden: Zorg voor exacte spatiëring en afmetingen terwijl je relatieve eenheden gebruikt
Integratie van ontwerpsystemen: Vertaal pixel-gebaseerde ontwerptokens naar relatieve eenheden

Alternatieve CSS Eenheden

Hoewel PX, REM en EM de meest voorkomende eenheden zijn, zijn er alternatieven die het overwegen waard zijn:

Viewport Eenheden (VW, VH)

VW (viewport breedte): 1vw is gelijk aan 1% van de viewport breedte
VH (viewport hoogte): 1vh is gelijk aan 1% van de viewport hoogte
Gebruik geval: Het creëren van elementen die direct met de viewportgrootte schalen

Percentage (%)

Relatief ten opzichte van de afmetingen van het bovenliggende element
Gebruik geval: Vloeibare lay-outs en responsieve breedtes

CH Eenheden

Gebaseerd op de breedte van het "0" karakter
Gebruik geval: Het creëren van containers met een specifiek aantal tekens per regel

EX Eenheden

Gebaseerd op de hoogte van het kleine "x" karakter
Gebruik geval: Fijn afstemmen van typografie, vooral voor x-hoogte aanpassingen

De Evolutie van CSS Eenheden in Webontwikkeling

De geschiedenis van CSS-eenheden weerspiegelt de bredere evolutie van webdesign, van statische lay-outs tot de responsieve, toegankelijke benaderingen van vandaag.

Vroeg Webdesign (1990s)

In de vroege dagen van CSS waren pixels de heersende eenheid. Webontwerpers creëerden vaste breedte lay-outs, typisch 640px of 800px breed om te voldoen aan gangbare schermresoluties. Toegankelijkheid en apparaatdiversiteit waren geen grote zorgen, en pixel-perfecte controle was het primaire doel.

De Opkomst van Vloeibare Lay-outs (Vroeg 2000s)

Naarmate schermformaten diversifieerden, kregen percentage-gebaseerde lay-outs aan populariteit. Ontwerpers begonnen meer flexibele ontwerpen te creëren, hoewel typografie vaak in pixel-eenheden bleef. Deze periode zag de introductie van EM-eenheden in CSS, hoewel hun adoptie beperkt was vanwege de complexiteit van het beheren van cascaderende lettergroottes.

Mobiele Revolutie (2007-2010)

De introductie van de iPhone in 2007 transformeerde webdesign. Plotseling moesten websites werken op schermen zo klein als 320px breed. Dit stimuleerde de interesse in responsieve ontwerpmethoden en relatieve eenheden. De beperkingen van EM-eenheden (vooral het cascaderende effect) werden duidelijker naarmate ontwerpen complexer werden.

Responsieve Webdesign Era (2010-2015)

Ethan Marcotte's invloedrijke artikel over responsief webdesign in 2010 veranderde de manier waarop ontwikkelaars CSS-eenheden benaderden. De REM-eenheid werd geïntroduceerd in CSS3, waardoor de voordelen van relatieve schaling zonder de cascaderende complicaties van EM-eenheden werden geboden. De browserondersteuning voor REM-eenheden groeide gestaag tijdens deze periode.

Moderne CSS Benaderingen (2015-Heden)

Tegenwoordig omarmt webontwikkeling een mix van eenheden voor verschillende doeleinden:

REM-eenheden voor globale consistentie en toegankelijkheid
EM-eenheden voor component-specifieke schaling
Pixels voor randen en kleine details
Viewport-eenheden voor echt responsieve elementen
CSS calc() functie voor het combineren van verschillende eenheidstypes

Deze evolutie weerspiegelt de transitie van het web van een document-gebaseerd medium naar een complex applicatieplatform dat op talloze apparaten en in verschillende contexten moet werken.

Code Voorbeelden voor Eenheid Conversie

JavaScript Eenheid Converter Functies

1// Converteer tussen PX, REM en EM eenheden
2const pxToRem = (px, rootFontSize = 16) => {
3  return px / rootFontSize;
4};
5
6const pxToEm = (px, parentFontSize = 16) => {
7  return px / parentFontSize;
8};
9
10const remToPx = (rem, rootFontSize = 16) => {
11  return rem * rootFontSize;
12};
13
14const emToPx = (em, parentFontSize = 16) => {
15  return em * parentFontSize;
16};
17
18const remToEm = (rem, rootFontSize = 16, parentFontSize = 16) => {
19  return rem * (rootFontSize / parentFontSize);
20};
21
22const emToRem = (em, parentFontSize = 16, rootFontSize = 16) => {
23  return em * (parentFontSize / rootFontSize);
24};
25
26// Voorbeeldgebruik
27console.log(pxToRem(24));  // 1.5
28console.log(remToPx(1.5)); // 24
29console.log(pxToEm(24, 24)); // 1
30console.log(remToEm(2, 16, 32)); // 1
31

CSS Aangepaste Eigenschappen voor Eenheid Conversie

1:root {
2  /* Basis lettergroottes */
3  --root-font-size: 16px;
4  --base-font-size: var(--root-font-size);
5  
6  /* Veelvoorkomende pixelwaarden geconverteerd naar REM */
7  --space-4px: 0.25rem;
8  --space-8px: 0.5rem;
9  --space-16px: 1rem;
10  --space-24px: 1.5rem;
11  --space-32px: 2rem;
12  --space-48px: 3rem;
13  
14  /* Typografie schaal */
15  --text-xs: 0.75rem;    /* 12px */
16  --text-sm: 0.875rem;   /* 14px */
17  --text-base: 1rem;     /* 16px */
18  --text-lg: 1.125rem;   /* 18px */
19  --text-xl: 1.25rem;    /* 20px */
20  --text-2xl: 1.5rem;    /* 24px */
21}
22
23/* Voorbeeldgebruik */
24.card {
25  padding: var(--space-16px);
26  margin-bottom: var(--space-24px);
27  font-size: var(--text-base);
28}
29
30.card-title {
31  font-size: var(--text-xl);
32  margin-bottom: var(--space-8px);
33}
34

SCSS Mixins voor Eenheid Conversie

1// SCSS functies voor eenheid conversie
2@function px-to-rem($px, $root-font-size: 16) {
3  @return ($px / $root-font-size) * 1rem;
4}
5
6@function px-to-em($px, $parent-font-size: 16) {
7  @return ($px / $parent-font-size) * 1em;
8}
9
10@function rem-to-px($rem, $root-font-size: 16) {
11  @return $rem * $root-font-size * 1px;
12}
13
14// Voorbeeldgebruik
15.element {
16  padding: px-to-rem(20);
17  margin: px-to-rem(32);
18  font-size: px-to-rem(18);
19  
20  .nested {
21    // Gebruik bovenliggende lettergrootte (18px) voor em conversie
22    padding: px-to-em(16, 18);
23    margin-bottom: px-to-em(24, 18);
24  }
25}
26

Python Eenheid Converter

1def px_to_rem(px, root_font_size=16):
2    """Converteer pixels naar REM eenheden"""
3    return px / root_font_size
4
5def rem_to_px(rem, root_font_size=16):
6    """Converteer REM eenheden naar pixels"""
7    return rem * root_font_size
8
9def px_to_em(px, parent_font_size=16):
10    """Converteer pixels naar EM eenheden"""
11    return px / parent_font_size
12
13def em_to_px(em, parent_font_size=16):
14    """Converteer EM eenheden naar pixels"""
15    return em * parent_font_size
16
17# Voorbeeldgebruik
18print(f"16px = {px_to_rem(16)}rem")  # 16px = 1.0rem
19print(f"2rem = {rem_to_px(2)}px")    # 2rem = 32px
20print(f"24px = {px_to_em(24, 16)}em")  # 24px = 1.5em
21

Veelgestelde Vragen

Wat is het verschil tussen REM en EM eenheden?

REM (root em) eenheden zijn relatief ten opzichte van de lettergrootte van het root-element (typisch het <html> element), terwijl EM eenheden relatief zijn ten opzichte van de lettergrootte van hun bovenliggend element. Dit belangrijke verschil betekent dat REM eenheden consistente sizing behouden door je document heen, terwijl EM eenheden een compounding effect kunnen creëren wanneer elementen genest zijn.

Welke CSS eenheid is het beste voor responsief ontwerp?

Er is geen enkele "beste" eenheid voor alle situaties. Een combinatie van eenheden is meestal het meest effectief:

REM eenheden voor typografie en consistente spatiëring
EM eenheden voor component-specifieke schaling
Percentage of viewport eenheden voor lay-out breedtes
Pixels voor randen en kleine details

De ideale aanpak is om elke eenheid te gebruiken voor wat hij het beste doet binnen een samenhangend systeem.

Waarom stellen browsers standaard de lettergrootte in op 16px?

De standaard van 16px werd vastgesteld als een leesbaarheidsnorm die goed werkt op apparaten. Onderzoek heeft aangetoond dat tekst rond de 16px optimaal is voor lezen op schermen op typische kijkafstanden. Deze standaard biedt ook een goede basis voor toegankelijkheid, waardoor tekst niet te klein is voor de meeste gebruikers.

Kan ik negatieve waarden gebruiken met deze eenheden?

Ja, CSS ondersteunt negatieve waarden voor veel eigenschappen met behulp van elk type eenheid. Negatieve marges, vertalingen en posities zijn veelvoorkomende gebruiksgevallen voor negatieve waarden. Onze converter behandelt negatieve waarden correct voor alle eenheidstypes.

Hoe werken EM eenheden met geneste elementen?

EM eenheden compounding wanneer elementen genest zijn. Bijvoorbeeld:

1.parent {
2  font-size: 16px;
3}
4.child {
5  font-size: 1.5em; /* 24px (16px × 1.5) */
6}
7.grandchild {
8  font-size: 1.5em; /* 36px (24px × 1.5) */
9}
10

Dit compounding effect kan nuttig zijn voor het creëren van proportionele ontwerpen, maar vereist zorgvuldige beheersing om onbedoelde schaling te voorkomen.

Hoe ga ik om met high-DPI (Retina) displays met CSS eenheden?

High-DPI displays worden automatisch behandeld bij het gebruik van relatieve eenheden zoals REM en EM. Aangezien deze eenheden zijn gebaseerd op de lettergrootte in plaats van fysieke pixels, schalen ze dienovereenkomstig op hoge-resolutie schermen. Voor afbeeldingen en randen, overweeg het gebruik van media queries met device-pixel-ratio of resolutie.

Moet ik REM of EM gebruiken voor media queries?

De browserondersteuning voor REM en EM eenheden in media queries is aanzienlijk verbeterd. Het gebruik van EM eenheden in media queries wordt over het algemeen aanbevolen omdat:

Ze zijn relatief ten opzichte van de standaard lettergrootte van de browser
Ze respecteren de voorkeuren van de gebruiker voor lettergrootte
Ze bieden consistente breakpoints over browsers heen

1/* Gebruik EM eenheden voor media queries */
2@media (min-width: 48em) {  /* 768px met 16px basis */
3  /* Tablet stijlen */
4}
5
6@media (min-width: 64em) {  /* 1024px met 16px basis */
7  /* Desktop stijlen */
8}
9

Hoe kan ik eenheden converteren in ontwerptools zoals Figma of Sketch?

De meeste ontwerptools werken voornamelijk met pixels. Bij het implementeren van ontwerpen:

Noteer de root-lettergrootte van je project (typisch 16px)
Deel pixelwaarden door de root-lettergrootte om REM waarden te krijgen
Voor EM waarden, deel door de lettergrootte van het bovenliggende element
Overweeg om ontwerptokens of variabelen te maken voor veelvoorkomende waarden

Sommige ontwerptools hebben plugins die dit conversieproces automatisch kunnen helpen.

Hoe gaan browsers om met subpixel rendering met relatieve eenheden?

Browsers behandelen subpixelwaarden verschillend. Sommige browsers ronden naar de dichtstbijzijnde pixel, terwijl andere subpixel rendering ondersteunen voor soepelere schaling. Dit kan af en toe kleine inconsistenties veroorzaken tussen browsers, vooral met kleine REM/EM waarden of bij het gebruik van transformaties. Voor de meeste gebruiksgevallen zijn deze verschillen verwaarloosbaar.

Wat is de impact op de prestaties van het gebruik van verschillende CSS eenheden?

Er is geen significante prestatieverschil tussen het gebruik van pixels, REM of EM eenheden in moderne browsers. De keuze van eenheden moet gebaseerd zijn op ontwerpeisen, responsief gedrag en toegankelijkheidsbehoeften in plaats van prestatieoverwegingen.

Referenties en Verdere Lezing

"CSS Values and Units Module Level 3." W3C Aanbeveling. https://www.w3.org/TR/css-values-3/
Marcotte, Ethan. "Responsive Web Design." A List Apart, 25 mei 2010. https://alistapart.com/article/responsive-web-design/
Rutter, Richard. "The Elements of Typographic Style Applied to the Web." http://webtypography.net/
"CSS Eenheden." MDN Web Docs. https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units
"CSS Pixels vs. Physical Pixels." Stack Overflow Documentatie. https://stackoverflow.com/questions/8785643/what-exactly-is-the-difference-between-css-pixels-and-device-pixels
Coyier, Chris. "The Lengths of CSS." CSS-Tricks. https://css-tricks.com/the-lengths-of-css/
"Gebruik van CSS aangepaste eigenschappen (variabelen)." MDN Web Docs. https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties
"Begrijpen en gebruiken van rem-eenheden in CSS." SitePoint. https://www.sitepoint.com/understanding-and-using-rem-units-in-css/

Probeer Onze Eenheden Converter Vandaag

Stop met worstelen met handmatige CSS eenheid conversies en laat onze PX, REM en EM Eenheden Converter het werk voor je doen. Of je nu een responsieve website bouwt, een ontwerpsysteem creëert of gewoon meer wilt leren over CSS eenheden, deze tool bespaart je tijd en zorgt voor nauwkeurigheid. Voer je waarden nu in om te zien hoe eenvoudig eenheid conversie kan zijn!

PX naar REM naar EM Converter: CSS Eenheden Calculator

PX, REM en EM Eenheden Converter

Conversieformules

Documentatie