LibraTool logoLibraTool

وړیا د پکسل له REM سره بدلوونکی

د تنظیم وړ بنسټیز فونټ اندازې سره px, rem, em, pt, vw, vh، او % ترمنځ بدل کړئ. د عامو پکسل اندازو لپاره مرجع جدول شامل دی.

یو ځل چې لوډ شي آفلاین کار کوي
1rem

شرايط (rem/em/vw/vh/% باندې اغیزه کوي)

د 16 px ټول بدلونونه

نږدې Tailwind ټوکنونه (په 16px root کې)

عام پکسل اندازې → rem (په 16px اساس)

پیسټ شوی CSS بدل کړئ

دا څنګه کار کوي

ټول بدلونونه بشپړ ستاسو براوزر کې د یوه لاسي-لیکل شوي ریاضي انجن سره پرته د اړوندتیاوو نه چلیږي. وسیله اووه CSS واحدونه (px، rem، em، pt، vw، vh، او %) ترمنځ بدلوي هره محاسبه پکسلونو له لارې د یوه عام بنسټ په توګه لارښود کولو سره، ستاسو تنظیم شوي روت فونټ اندازې، والدین فونټ اندازې، یا ویوپورت اندازو پر وړاندې ساده ویش یا ضرب پلي کوي.

  1. 1
    خپل شرایط ارزښتونه تنظیم کړئ
    له بدلولو نه مخکې، تاسو هغه څلور شمېرې تنظیموئ چې نسبي CSS واحدونه معنا لرونکي جوړوي: روت فونټ اندازه (اصلي 16px، چې براوزر اصلي دی)، والدین عنصر فونټ اندازه (em او % بدلونونو لپاره)، او ویوپورت پلنوالی او اوږدوالی (vw او vh لپاره). دا همغه شمېرې دي چې ستاسو براوزر به یې چلند-وخت CSS حل کولو لپاره کارولي وای.
  2. 2
    پکسل د نړیوال منځني په توګه
    بدلوونکی لومړی toPixels() بولي ترڅو ستاسو ننوت یو خام پکسل شمېر ته نارمل کړي — د بیلګې په توګه، 1.5rem کیږي 1.5 × baseFontPx، او 50vw کیږي 0.5 × vpWidth. بیا fromPixels() هغه پکسل شمېر موخه واحد لپاره سم فکتور ته ووېشي. ټول اووه واحدونه یوځای بدلون جدول کې ښودل کیږي.
  3. 3
    نږدې Tailwind ټوکن لټون
    له بدلولو وروسته، وسیله rem ارزښت محاسبه کوي او دوه کوډ شوي لټون جدولونه سکینوي — Tailwind دیارلس فونټ-اندازه ټوکنونه (text-xs تر text-9xl) او یې واټن کچه — نږدې مطابقت مطلق واټن سره ومومي. یو = نښه پدې معنا ده چې ارزښت یو دقیق ټوکن دی؛ ≈ پدې معنا ده چې دا نږدې نږدهایي دی.
  4. 4
    ډله‌ایز CSS بیا لیکل د regex له لارې
    پیسته-CSS پانل خامه CSS متن مني او یو regex بدلون پلي کوي: px→rem حالت کې دا هر px ټوکن مطابقت کوي او عددي برخه value/baseFontPx + rem سره بدلوي؛ rem→px حالت کې دا معکوس کوي. بدلون شمېر ښودل کیږي نو تاسو تصدیق کولی شئ چې څومره ارزښتونه بیا لیکل شوي.

اړوندې وسیلې

📏

د واحد بدلوونکی

د اوږدوالي، وزن، تودوخې، مساحت، حجم او نورو واحدونو ترمنځ بدل کړئ.

هڅه یې وکړئ
📐

د CSS clamp() تولیدونکی

د ځوابگو ټایپوگرافۍ او فاصلې لپاره یو سیال CSS clamp() ارزښت تولید کړئ. د min/max اندازه او لید-ساحه حد وټاکئ، ژوندۍ مخکتنه وگورئ، او یو-کرښه CSS کاپي کړئ.

هڅه یې وکړئ
🟦

د CSS ګرېډ جوړونکی

د CSS ګرېډ په لیدلو ډول ډیزاین کړئ — ټریکونه، واحدونه او درزونه — او جوړ شوی CSS او HTML کاپي کړئ.

هڅه یې وکړئ

په مکرر ډول پوښتل شوې پوښتنې