CSS-pixels naar rem
Deel een CSS-pixelwaarde door de gekozen lettergrootte van het hoofdelement.
Een uitgewerkt voorbeeld proberen
Een uitgewerkt voorbeeld proberen
CSS-pixels naar rem
Controleer de eenheden en opties en gebruik vervolgens de berekenknop. Het voorbeeld is fictief; vervang de waarden voor uw eigen berekening.
Voorbeeldinvoer
- CSS-pixelwaarde
- 24
- Lettergrootte hoofdelement (px)
- 16
Verwachte uitvoer
24px ÷ 16px = 1.5rem
De rem-waarde is het aantal pixels gedeeld door de lettergrootte van het hoofdelement. Het veld begint op 16 pixels.
Het hulpmiddel wordt geladen. De uitleg blijft beschikbaar zonder JavaScript.
Methode en beperkingen
Voer niet-negatieve pixels en een positieve lettergrootte voor het hoofdelement in. Klik op Omrekenen naar rem; 24 pixels bij 16 pixels geeft 1.5rem.
16 pixels is alleen een beginwaarde: het hulpmiddel leest je stylesheet niet. Het resultaat wordt op maximaal zes decimalen afgerond; heel kleine waarden kunnen 0rem worden. CSS-syntaxis in het resultaat behoudt de decimale punt.
Deel deze tool
Alleen de openbare link naar de tool wordt gedeeld. Je invoer en resultaten blijven hier.
Toon de link om handmatig te kopiëren
In het kort
De rem-waarde is het aantal pixels gedeeld door de lettergrootte van het hoofdelement. Het veld begint op 16 pixels.
Deze tool verwerkt je invoer in je browser. De berekeningen versturen je invoer en resultaten niet. De website zelf maakt netwerkverzoeken; bezoekgegevens gaan alleen met je toestemming naar Google Analytics.
Veelgestelde vragen
Wat betekent 1rem?
Het is gebaseerd op de lettergrootte van het hoofdelement, meestal <html>. Een gebruikelijke browserstandaard is 16px, maar gebruikersvoorkeuren of CSS-regels kunnen die veranderen.
Leest dit mijn stylesheet?
Nee. Het gebruikt de ingevulde lettergrootte van het hoofdelement. Behoud 16px alleen als dat bij je pagina past; vul anders de lettergrootte van het hoofdelement van je project in.
Hoe wordt de omzetting berekend?
Deel de pixelwaarde door de lettergrootte van het hoofdelement. Bijvoorbeeld: 24px ÷ 16px = 1.5rem.
Bronnen en verwijzingen
Deze bronnen documenteren de genoemde standaard of browser-API; ze bevestigen niet de juistheid van de uitvoer van het hulpmiddel.