LibraTool logoLibraTool

گۆڕەری پیکسڵ بۆ REMی بەخۆڕایی

لەنێوان px، rem، em، pt، vw، vh، و % بگۆڕە لەگەڵ قەبارەی فۆنتی سەرەکیی ڕێکخراو. خشتەیەکی سەرچاوە بۆ قەبارەی باوی پیکسڵ لەخۆدەگرێت.

بەبێ ئینتەرنێت کاردەکات دوای بارکردن
1rem

پێوەند (کاریگەری لەسەر rem/em/vw/vh/%)

هەموو گۆڕینەکان بۆ 16 px

نزیکترین نیشانەکانی Tailwind (لە ڕەگی 16px)

قەبارە باوەکانی پیکسڵ → 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
    دووبارە نووسینی CSVی کۆمەڵ لە ڕێگای ڕێجێکسەوە
    پانێلی لکاندنی-CSV دەقی خاوی CSV وەردەگرێت و جێگۆڕکێی ڕێجێکس جێبەجێدەکات: لە دۆخی px→rem هەر تۆکنی pxیەک هاوتا دەکات و بەشی ژمارەیی دەگۆڕێت بۆ value/baseFontPx + rem؛ لە دۆخی rem→px پێچەوانەکە دەکات. ژمارەی جێگۆڕکێ نیشان دەدرێت بۆیە دەتوانیت پشتڕاست ببیتەوە چەند نرخ دووبارە نووسران.

ئامرازە پەیوەندیدارەکان

📏

گۆڕەری یەکە

یەکەکانی درێژی، کێش، پلەی گەرمی، ڕووبەر، قەبارە و زیاتر بگۆڕە.

تاقی بکەرەوە
📐

دروستکەری CSS clamp()

بەهایەکی شلی clamp()ی CSS دروست بکە بۆ فۆنت و بۆشایی وەڵامدەرەوە. قەبارەی کەمترین/زۆرترین و مەودای ڕوانگە دیاری بکە، پێشبینینی زیندوو ببینە، و CSSی یەک هێڵی کۆپی بکە.

تاقی بکەرەوە
🟦

دروستکەری تۆڕی CSS

تۆڕی CSS بە شێوەی بینراو داڕێژە — تراک، یەکە و کاژاوەکان — و CSS و HTML‌ی دروستکراو کۆپی بکە.

تاقی بکەرەوە

پرسیارە باوەکان