મફત પિક્સેલથી REM કન્વર્ટર

આ કેવી રીતે કાર્ય કરે છે

બધા conversions શૂન્ય dependencies ધરાવતા હાથે લખેલા arithmetic engine વાપરીને સંપૂર્ણપણે તમારા બ્રાઉઝરમાં ચાલે છે. ટૂલ સાત CSS units (px, rem, em, pt, vw, vh, અને %) વચ્ચે દરેક ગણતરીને common base તરીકે pixels માંથી route કરીને, તમારા configured root font size, parent font size, કે viewport dimensions સામે સાદો division કે multiplication લાગુ કરીને રૂપાંતરિત કરે છે.

1. 1
   તમારા context મૂલ્યો સેટ કરો

   રૂપાંતરિત કરતાં પહેલાં, તમે એ ચાર numbers ગોઠવો છો જે relative CSS units ને અર્થપૂર્ણ બનાવે છે: root font size (ડિફૉલ્ટ 16px, જે બ્રાઉઝર ડિફૉલ્ટ છે), parent element font size (em અને % conversions માટે), અને viewport width અને height (vw અને vh માટે). આ એ જ મૂલ્યો છે જે તમારો બ્રાઉઝર runtime પર CSS resolve કરતી વખતે વાપરશે.
2. 2
   Universal intermediate તરીકે Pixel

   Converter પહેલા તમારા ઇનપુટને raw pixel count માં normalize કરવા toPixels() ને કૉલ કરે છે — દા.ત., 1.5rem 1.5 × baseFontPx બને છે, અને 50vw 0.5 × vpWidth બને છે. પછી fromPixels() એ pixel count ને target unit માટે યોગ્ય factor વડે ભાગે છે. બધા સાત units conversion table માં એકસાથે બતાવવામાં આવે છે.
3. 3
   નજીકનું Tailwind token lookup

   રૂપાંતરિત કર્યા પછી, ટૂલ rem મૂલ્ય ગણે છે અને બે hardcoded lookup tables — Tailwind ના તેર font-size tokens (text-xs થી text-9xl) અને તેનું spacing scale — સ્કેન કરે છે, absolute distance વડે નજીકનું match શોધીને. = સાઇન એટલે મૂલ્ય exact token છે; ≈ એટલે તે nearest approximation છે.
4. 4
   Regex દ્વારા Batch CSS rewriting

   Paste-CSS panel raw CSS text સ્વીકારે છે અને regex substitution લાગુ કરે છે: px→rem મોડમાં તે દરેક px token match કરે છે અને numeric ભાગને value/baseFontPx + rem સાથે બદલે છે; rem→px મોડમાં તે ઊલટું કરે છે. કેટલા મૂલ્યો ફરીથી લખાયા તે ચકાસવા substitution count બતાવવામાં આવે છે.

સંબંધિત સાધનો