Konvertues Pikselësh në REM Falas
Konvertoni mes px, rem, em, pt, vw, vh dhe % me një madhësi bazë fonti të konfigurueshme. Përfshin një tabelë referimi për madhësitë e zakonshme në piksel.
Konteksti (prek rem/em/vw/vh/%)
Tokenët më të afërt të Tailwind (te rrënja 16px)
Madhësitë e zakonshme në piksel → rem (me bazë 16px)
Konverto CSS-në e ngjitur
Si funksionon
Të gjitha konvertimet funksionojnë tërësisht në shfletuesin tënd duke përdorur një motor aritmetik të shkruar me dorë me zero varësi. Mjeti konverton mes shtatë njësive CSS (px, rem, em, pt, vw, vh, dhe %) duke drejtuar çdo llogaritje përmes pikselëve si bazë e përbashkët, duke zbatuar pjesëtim apo shumëzim të thjeshtë kundrejt madhësisë tënde të konfiguruar të fontit rrënjë, madhësisë së fontit prind, ose përmasave të viewport-it.
- 1Vendos vlerat e kontekstit tëndPara se të konvertosh, konfiguron katër numrat që i japin kuptim njësive relative CSS: madhësia e fontit rrënjë (e paracaktuar 16px, që është e paracaktuara e shfletuesit), madhësia e fontit të elementit prind (për konvertime em dhe %), dhe gjerësia dhe lartësia e viewport-it (për vw dhe vh). Këto janë të njëjtat vlera që shfletuesi yt do të përdorte kur zgjidh CSS-në në kohën e xhirimit.
- 2Piksel si i ndërmjetmi universalKonvertuesi fillimisht thërret toPixels() për të normalizuar hyrjen tënde në një numër piksel të papërpunuar — për shembull, 1.5rem bëhet 1.5 × baseFontPx, dhe 50vw bëhet 0.5 × vpWidth. Pastaj fromPixels() e pjesëton atë numër piksel me faktorin e duhur për njësinë objektiv. Të shtata njësitë shfaqen njëkohësisht në tabelën e konvertimit.
- 3Kërkim i tokenit më të afërt TailwindPas konvertimit, mjeti llogarit vlerën rem dhe skanon dy tabela kërkimi të paravendosura — trembëdhjetë tokenat e madhësisë së fontit të Tailwind (text-xs deri text-9xl) dhe shkallën e tij të hapësirimit — duke gjetur përputhjen më të afërt sipas distancës absolute. Një shenjë = do të thotë vlera është një token i saktë; ≈ do të thotë është përafrimi më i afërt.
- 4Rishkrim CSS në masë përmes regexPaneli i ngjitjes-CSS pranon tekst të papërpunuar CSS dhe zbaton një zëvendësim regex: në mënyrën px→rem përputh çdo shenjë px dhe e zëvendëson pjesën numerike me vlerë/baseFontPx + rem; në mënyrën rem→px bën të kundërtën. Numri i zëvendësimeve shfaqet kështu që të mund të verifikosh sa vlera u rishkruan.
Mjete të ngjashme
Konvertuesi i njësisë
Konvertoni midis njësive të gjatësisë, peshës, temperaturës, sipërfaqes, vëllimit dhe më shumë.
Gjenerues CSS clamp()
Gjeneroni një vlerë CSS clamp() fluide për tipografi dhe hapësira përgjegjëse. Vendosni madhësinë min/max dhe intervalin e viewport-it, shihni parashikim të drejtpërdrejtë dhe kopjoni CSS-në me një rresht.
Gjenerues Rrjeti CSS
Dizajno vizualisht një rrjet CSS — shina, njësi dhe zbrazëtira — dhe kopjo CSS-në dhe HTML-në e gjeneruar.