Aqbeż għall-kontenut ewlieni
LibraTool logoLibraTool

Konvertitur Pixel għal REM b'xejn

Ikkonverti bejn px, rem, em, pt, vw, vh, u % b'daqs tal-font bażiku konfigurabbli. Jinkludi tabella ta' referenza għal daqsijiet tal-pixels komuni.

Jaħdem offline ladarba mgħobbi
1rem

Kuntest (jaffettwa rem/em/vw/vh/%)

Il-konverżjonijiet kollha għal 16 px

Tokens Tailwind l-eqreb (fi 16px għerq)

Daqsijiet komuni ta' pixels → rem (bażi 16px)

Ikkonverti s-CSS impejstjat

Użi komuni

  • PX għal REM għall-Iżvilupp tal-WebIkkonverti valuri tal-pixel f'unitajiet rem għal CSS skalabbli u aċċessibbli. Issettja d-daqs tal-font bażiku u ara istantanjament il-valuri equivalenti kollha.
  • Unitajiet CSS għad-Disinn ResponsivIkkonverti bejn px, vw, vh u % biex tibni layouts li jirrispondu sew għal daqsiet ta' skrin u orjentazzjonijiet differenti.
  • Ikkonverti l-Ispeċifikazzjonijiet ta' Disinn għal Unitajiet CSSIttraduċi valuri ta' pixel Figma jew Sketch għal unitajiet rem/em għal implementazzjoni CSS npura u skalabbli.
  • Referenza tal-Unitajiet Tailwind CSSIfhem kif il-klassijiet ta' daqs Tailwind CSS jikkunsidraw l-valuri tal-pixel u rem għall-implementazzjoni preċiza.
  • Ikkonverti Unitajiet CSS għall-Print StylesheetsIkkonverti bejn px, pt u rem għal queries tal-midja tal-print u PDF output CSS.

Kif Taħdem

Il-konverżjonijiet kollha jaħdmu kompletament fil-browser tiegħek bl-użu ta' magna aritmetika miktuba bl-idejn b'żero dipendenzi. L-għodda tikkonverti bejn seba' unitajiet CSS (px, rem, em, pt, vw, vh, u %) billi tmexxi kull kalkolu permezz ta' pixels bħala bażi komuni, tapplika diviżjoni jew multiplikazzjoni sempliċi kontra d-daqs tal-font root, id-daqs tal-font ġenitur, jew id-dimensjonijiet tal-viewport ikkonfigurati tiegħek.

  1. 1
    Issettja l-valuri tal-kuntest tiegħek
    Qabel il-konverżjoni, tikkonfigura l-erba' numri li jagħmlu unitajiet CSS relattivi sinifikanti: daqs tal-font root (prestabbilit 16px, li huwa l-prestabbilit tal-browser), daqs tal-font tal-element ġenitur (għal konverżjonijiet em u %), u wisa' u għoli tal-viewport (għal vw u vh). Dawn huma l-istess valuri li l-browser tiegħek kien jużahom meta jsolvi CSS waqt it-tħaddim.
  2. 2
    Pixel bħala l-intermedju universali
    Il-konvertitur l-ewwel isejjaħ toPixels() biex jinnormalizza d-dħul tiegħek f'għadd ta' pixels mhux ipproċessat — pereżempju, 1.5rem issir 1.5 × baseFontPx, u 50vw issir 0.5 × vpWidth. Imbagħad fromPixels() taqsam dak l-għadd ta' pixels bil-fattur xieraq għall-unità mira. Is-seba' unitajiet kollha jintwerew simultanjament fit-tabella tal-konverżjoni.
  3. 3
    Tfittxija tal-eqreb token ta' Tailwind
    Wara l-konverżjoni, l-għodda tikkalkula l-valur rem u tiskennja żewġ tabelli hardcoded ta' tfittxija — it-tlettax-il token tad-daqs tal-font ta' Tailwind (text-xs sa text-9xl) u l-iskala tal-ispazjar tiegħu — issib l-eqreb taqbil bid-distanza assoluta. Sinjal = jfisser li l-valur huwa token eżatt; ≈ jfisser li huwa l-eqreb approssimazzjoni.
  4. 4
    Riskrittura ta' CSS b'lott permezz ta' regex
    Il-panel ta' twaħħil ta' CSS jaċċetta test CSS mhux ipproċessat u japplika sostituzzjoni regex: fil-modalità px→rem taqbel kull token px u tissostitwixxi l-parti numerika b'value/baseFontPx + rem; fil-modalità rem→px tagħmel il-kuntrarju. L-għadd tas-sostituzzjonijiet jintwera biex tista' tivverifika kemm valuri ġew riskritti.

Għodod Relatati

📏

Konvertitur tal-Unità

Ikkonverti bejn unitajiet ta 'tul, piż, temperatura, żona, volum, u aktar.

Ipprova
📐

Ġeneratur CSS clamp()

Iġġenera valur CSS clamp() fluwidu għal tipografija u ispazjar responsivi. Issettja d-daqs minimu/massimu u l-firxa tal-viewport, ara preview ħaj, u ikkopja l-CSS f'linja waħda.

Ipprova
🟦

Ġeneratur tas-CSS Grid

Iddisinja CSS grid viżwalment — tracks, units u gaps — u kopja l-CSS u HTML ġenerati.

Ipprova

Mistoqsijiet Frekwenti