LibraTool logoLibraTool

Bepul Pikseldan REM ga Konvertor

px, rem, em, pt, vw, vh va % o'rtasida sozlanadigan bazaviy shrift o'lchami bilan konvertatsiya qiling. Keng tarqalgan piksel o'lchamlari uchun ma'lumot jadvalini o'z ichiga oladi.

Yuklangandan keyin oflayn ishlaydi
1rem

Kontekst (rem/em/vw/vh/% ga ta'sir qiladi)

16 px uchun barcha o'zgartirishlar

Eng yaqin Tailwind tokenlari (16px asosiy o'lchamda)

Umumiy piksel o'lchamlari → rem (16px asosida)

Joylashtirilgan CSS'ni o'girish

Qanday ishlaydi

Barcha o'girishlar nol bog'liqlik bilan qo'lda yozilgan arifmetik dvigateli yordamida to'liq brauzeringizda ishlaydi. Asbob yettita CSS birligi (px, rem, em, pt, vw, vh va %) orasida piksellarni umumiy asos sifatida ishlatib, sozlangan ildiz shrift o'lchamingiz, ota shrift o'lchamingiz yoki ko'rish oynasi o'lchamlariga qarshi oddiy bo'lish yoki ko'paytirish qo'llab o'giradi.

  1. 1
    Kontekst qiymatlaringizni o'rnating
    O'girishdan oldin, siz nisbiy CSS birliklarini ma'noli qiluvchi to'rtta raqamni sozlaysiz: ildiz shrift o'lchami (standart 16px, bu brauzer standarti), ota element shrift o'lchami (em va % o'girishlari uchun) va ko'rish oynasi kengligi va balandligi (vw va vh uchun). Bular brauzeringiz ishga tushirish vaqtida CSS'ni hal qilishda ishlatadigan bir xil qiymatlar.
  2. 2
    Universal oraliq sifatida piksel
    Konvertor avval kiritishingizni xom piksel soniga normalizatsiya qilish uchun toPixels() ni chaqiradi — masalan, 1.5rem 1.5 × baseFontPx bo'ladi, 50vw esa 0.5 × vpWidth bo'ladi. So'ng fromPixels() shu piksel sonini maqsad birlik uchun mos koeffitsientga bo'ladi. Barcha yettita birlik o'girish jadvalida bir vaqtda ko'rsatiladi.
  3. 3
    Eng yaqin Tailwind token qidiruvi
    O'girishdan so'ng, asbob rem qiymatini hisoblaydi va ikkita qat'iy kodlangan qidiruv jadvalini — Tailwind'ning o'n uchta shrift-o'lcham tokenlari (text-xs dan text-9xl gacha) va uning bo'shliq shkalasini — skanerlaydi, mutlaq masofa bo'yicha eng yaqin moslikni topadi. = belgisi qiymat aniq token ekanligini bildiradi; ≈ eng yaqin taxmin ekanligini bildiradi.
  4. 4
    Regex orqali ommaviy CSS qayta yozish
    Joylashtirish-CSS paneli xom CSS matnini qabul qiladi va regex almashtirishni qo'llaydi: px→rem rejimida u har bir px tokenini moslashtiradi va raqamli qismni value/baseFontPx + rem bilan almashtiradi; rem→px rejimida u teskarisini qiladi. Necha qiymat qayta yozilganini tekshirish uchun almashtirish soni ko'rsatiladi.

Tegishli asboblar

📏

O'lchov Birligi O'zgartiruvchi

Uzunlik, og'irlik, harorat, maydon, hajm va boshqalar o'rtasida o'zgartirish.

Sinab ko'ring
📐

CSS clamp() Generatori

Moslashuvchan tipografiya va bo'shliq uchun suyuq CSS clamp() qiymatini yarating. Minimal/maksimal o'lcham va ko'rish maydoni diapazonini belgilang, jonli oldindan ko'ring va bir qatorli CSS ni nusxalang.

Sinab ko'ring
🟦

CSS Grid generatori

CSS gridni vizual tarzda loyihalang — tracklar, birliklar va oraliqlar — va yaratilgan CSS hamda HTML ni nusxalang.

Sinab ko'ring

Ko'p so'raladigan savollar