پکسل سے EM/REM کنورٹر
px، rem، em، pt اور % کو لائیو ٹیبل اور کاپی کے لیے تیار CSS کے ساتھ تبدیل کریں
rem روٹ فونٹ سائز کے نسبت ہے؛ em اور % پیرنٹ کے نسبت ہیں۔
| PX | REM | EM | PT |
|---|---|---|---|
| 10 | — | — | — |
| 12 | — | — | — |
| 14 | — | — | — |
| 16 | — | — | — |
| 18 | — | — | — |
| 20 | — | — | — |
| 24 | — | — | — |
| 28 | — | — | — |
| 32 | — | — | — |
| 40 | — | — | — |
| 48 | — | — | — |
| 64 | — | — | — |
پکسل سے EM/REM کنورٹر کے بارے میں
پکسل سے EM/REM کنورٹر CSS لمبائی کی قدروں کو px، rem، em، pt اور فیصد کے درمیان تبدیل کرتا ہے۔ پانچوں یونٹس میں سے کسی ایک میں قدر درج کریں اور ایک لائیو جدول اس کا برابر باقی سب میں دکھاتا ہے — ساتھ ہی ایک کاپی کے لیے تیار CSS اسنیپٹ جسے آپ براہِ راست اسٹائل شیٹ میں پیسٹ کر سکتے ہیں۔
یہ تبدیلیاں اس طرح کام کرتی ہیں جیسے CSS اصل میں یونٹس کو حل کرتا ہے: rem روٹ فونٹ سائز سے متعلق ہے، جبکہ em اور % پیرنٹ ایلیمنٹ کے فونٹ سائز سے متعلق ہیں۔ دونوں حوالہ سائز قابلِ ترمیم ہیں، تو آپ 16 px روٹ کے ساتھ 14 px کمپونینٹ کا نمونہ بنا سکتے ہیں، یا کوئی بھی ڈیزائن سسٹم اسکیل جو آپ استعمال کرتے ہیں۔
ایک عام قدروں کا جدول ان سائزوں کو نقشہ بند کرتا ہے جو ڈیزائنرز سب سے زیادہ استعمال کرتے ہیں — تو "24px کتنا rem بنتا ہے" جیسے سوالات ایک نظر میں جواب دیے جاتے ہیں۔ یہ ٹول مفت ہے، آپ کے ٹائپ کرتے ہی اپڈیٹ ہوتا ہے اور فکسڈ پکسل موک اپس کو قابلِ رسائی، اسکیل ایبل rem-بیسڈ CSS میں تبدیل کرنے کے لیے ایک اہم ذریعہ ہے۔
پکسل سے EM/REM کنورٹر استعمال کرنے کا طریقہ
- تبدیل کرنے کی قدر درج کریں اور اس کی یونٹ منتخب کریں: px، rem، em، pt یا %۔
- اگر وہ 16 px سے مختلف ہوں تو روٹ فونٹ سائز (rem کے لیے) اور پیرنٹ فونٹ سائز (em اور % کے لیے) ایڈجسٹ کریں۔
- لائیو جدول میں تبدیل شدہ قدریں پڑھیں۔
- تیار شدہ CSS اسنیپٹ یا عام قدروں کے جدول سے کوئی بھی قدر کاپی کریں۔