CSS-eenheidconverter

Een CSS Unit Converter vertaalt een lengte tussen de eenheden die CSS gebruikt voor het formaattype en de lay-out: px, rem, em, pt en %. Het bestaat omdat modern responsief ontwerp leunt op relatieve eenheden - rem- en em-schaal met de lettergrootte-instellingen en zoom van de gebruiker - terwijl ontwerpmockups en oudere stylesheets meestal worden uitgedrukt in vaste pixels. Deze tool heeft een waarde als 24px en toont deze als 1,5rem, 1,5em, 18pt en 150% tegelijk, en werkt in elke richting vanuit één veld.

De conversies hangen allemaal af van één getal: de root (basis) lettergrootte, die standaard 16px is omdat dat de browser standaard is voor het html element Eén rem is altijd gelijk aan die basis lettergrootte, dus bij 16px is de waarde 16px 1rem, 24px is 1.5rem, en 8px is 0.5rem Punten zijn gebonden aan de CSS referentiepixel - 1 inch is 96px en 72pt - dus 1pt is gelijk aan 96/72, ongeveer 1.333px. Percentage is gelijk aan een aandeel van de basis lettergrootte% 0.

Alles wordt in uw browser uitgevoerd terwijl u typt, dus er is geen upload, geen wachten op een server en geen limiet aan het aantal waarden dat u converteert. Verander de basislettergrootte om een component te modelleren die zijn eigen lettergrootte instelt, lees de resultaten in elke eenheid en kopieer degene die u nodig hebt. De ingebouwde PX-to-Rem-tabel geeft u een kant-en-klare referentie voor de maten die het meest voorkomen in een typeschaal.