CSS-enhetsomvandlare
Gratis onlineverktyg för CSS-enhetsomvandling, px/rem/em/vw-konvertering
Om CSS Unit Converter
Konverterar ett enda längdvärde mellan nio CSS-enhetssystem: px, rem, em, vw, vh, pt, cm, mm och in. Konverteringarna går via pixlar som gemensam bas, med konfigurerbar rotfontstorlek för rem/em och konfigurerbar viewportstorlek för vw/vh. Alla åtta andra enheter visas på en gång i resultatrutnätet.
Så här använder du
1. Ange värdet som ska konverteras i nummerfältet. 2. Välj källenhet i rullgardinsmenyn bredvid. 3. Ange rotfontstorlek (används för rem och em; standard 16px). 4. Ange viewportens bredd och höjd (används för vw och vh; standard 1920x1080). 5. Läs motsvarande värden för varje annan enhet i resultatrutnätet.
Konverteringsmatematik
Allt konverteras först till px och sedan till målenheten. px är identitet. rem och em multiplicerar/dividerar båda med rotfontstorleken (em använder här samma rot, inte en föräldrafontstorlek). vw och vh använder (value/100) * viewportdimension. pt använder 96/72, cm 96/2,54, mm 96/25,4 och in 96 — allt enligt CSS-specen vid 96 CSS-pixlar per tum. Resultat använder upp till 6 decimaler, med 0 visat för extremt små värden.
▶Varför ger em samma resultat som rem?
▶Varför skiljer sig mina vw/vh-värden från min riktiga layout?
▶Stöder verktyget enheterna ch, ex eller q?
▶Kan jag konvertera flera värden samtidigt?
Om detta verktyg har varit till hjälp för dig, överväg att bjuda mig på en kaffe.
Bjud mig på en kaffe