EM
REM
Base size of fonts is 16px.
Pixel
Percent
Point
CSS Style Properties
EM
h1 { font-size: 2em; }
REM
h1 { font-size: 2rem; }
Pixel
h1 { font-size: 32px; }
Percent
h1 { font-size: 200%; }
Point
h1 { font-size: 24pt; }
EM
Hello
REM
Hello
Pixel
Hello
Percent
Hello
Point
Hello
Unit Conversion Table
EM | REM | Pixel | Percent | Point |
---|---|---|---|---|
0.5em | 0.5rem | 8px | 50% | 6pt |
0.5625em | 0.5625rem | 9px | 56.25% | 6.75pt |
0.625em | 0.625rem | 10px | 62.5% | 7.5pt |
0.6875em | 0.6875rem | 11px | 68.75% | 8.25pt |
0.75em | 0.75rem | 12px | 75% | 9pt |
0.8125em | 0.8125rem | 13px | 81.25% | 9.75pt |
0.875em | 0.875rem | 14px | 87.5% | 10.50pt |
0.9375em | 0.9375rem | 15px | 93.75% | 11.25pt |
1em | 1rem | 16px | 100% | 12pt |
1.0625em | 1.0625rem | 17px | 106.25% | 12.75pt |
1.125em | 1.125rem | 18px | 112.5% | 13.5pt |
1.1875em | 1.1875rem | 19px | 118.75% | 14.25pt |
1.25em | 1.25rem | 20px | 125% | 15pt |
1.3125em | 1.3125rem | 21px | 131.25% | 15.75pt |
1.375em | 1.375rem | 22px | 137.5% | 16.50pt |
1.4375em | 1.4375rem | 23px | 143.75% | 17.25pt |
1.5em | 1.5rem | 24px | 150% | 18pt |
1.5625em | 1.5625rem | 25px | 156.25% | 18.75pt |
1.625em | 1.625rem | 26px | 162.5% | 19.5pt |
1.6875em | 1.6875rem | 27px | 168.75% | 20.25pt |
1.75em | 1.75rem | 28px | 175% | 21pt |
1.8125em | 1.8125rem | 29px | 181.25% | 21.75pt |
1.875em | 1.875rem | 30px | 187.5% | 22.5pt |
1.9375em | 1.9375rem | 31px | 193.75% | 23.25pt |
2em | 2rem | 32px | 200% | 24pt |
2.0625em | 2.0625rem | 33px | 206.25% | 24.75pt |
2.125em | 2.125rem | 34px | 212.5% | 25.5pt |
2.1875em | 2.1875rem | 35px | 218.75% | 26.25pt |
2.25em | 2.25rem | 36px | 225% | 27pt |
2.3125em | 2.3125rem | 37px | 231.25% | 27.75pt |
2.375em | 2.375rem | 38px | 237.5% | 28.5pt |
2.4375em | 2.4375rem | 39px | 243.75% | 29.25pt |
2.5em | 2.5rem | 40px | 250% | 30pt |
2.5625em | 2.5625rem | 41px | 256.25% | 30.75pt |
2.625em | 2.625rem | 42px | 262.5% | 31.5pt |
2.6875em | 2.6875rem | 43px | 268.75% | 32.25pt |
2.75em | 2.75rem | 44px | 275% | 33pt |
2.8125em | 2.8125rem | 45px | 281.25% | 33.75pt |
2.875em | 2.875rem | 46px | 287.5% | 34.5pt |
2.9375em | 2.9375rem | 47px | 293.75% | 35.25pt |
3em | 3rem | 48px | 300% | 36pt |
REM naar PX Converter-tool helpt bij het converteren van de REM-waarde naar een pixelwaarde.
Converteer REM naar PX is gemaakt om gebruikers te helpen die niet weten hoe ze de conversieratio tussen REM en PX moeten berekenen. De converter biedt een eenvoudig te gebruiken grafische interface, dus de gebruiker hoeft geen achtergrondkennis over conversies te hebben.
Deze tool heeft een minimalistische interface met een enkele knop voor het invoeren van de meetwaarde in één eenheid die moet worden omgezet in een andere tak van het meetsysteem.
In CSS staat rem voor "root em." Het is een maateenheid die gelijk is aan de lettergrootte van het hoofdelement van het document. Het root-element is meestal het -element en de lettergrootte wordt meestal ingesteld op het
-element.Door rem-eenheden te gebruiken, kunt u groottes specificeren op een manier die reageert op veranderingen in de lettergrootte. Als u bijvoorbeeld de lettergrootte van het hoofdelement instelt op 16px, dan is 1rem gelijk aan 16px Als u later de lettergrootte van het root-element wijzigt in 20px, wordt 1rem automatisch bijgewerkt naar 20px.
De lettergrootte van het (REM) root-element kan worden ingesteld in pixels of in verhouding tot de standaard lettergrootte van de gebruiker. Als er geen pixelwaarde is opgegeven, zal deze overnemen van de bovenliggende elementen, meestal standaard 16px.
PX staat in CSS voor pixels. Het is een maateenheid die in CSS wordt gebruikt om de grootte of afstand van een element in een webpagina te specificeren. Een breedte van 100px betekent bijvoorbeeld dat het element een breedte van 100 pixels heeft.
In CSS zijn er twee manieren om de lettergrootte van een element in te stellen. De eerste is het instellen van de grootte in pixels (px), en de tweede is het instellen van rgerelateerd aan de standaard lettergrootte van de gebruiker.