px کو rem میں بدلنا Pixels ↔ Root em مفت آن لائن محفوظ

ڈیزائنر اور ڈویلپر px کو rem میں کیوں تبدیل کرتے ہیں

ڈیزائن کے اوزار پکسل میں بات کرتے ہیں۔ ماڈل کہتا ہے کہ عنوان 32 px کا ہے، سیکشنوں کے درمیان فاصلہ 48 px ہے، بٹن کی پیڈنگ 16 px ہے۔ اسٹائل شیٹیں، اگر اچھی لکھی ہوں، rem میں بات کرتی ہیں۔ ان دونوں زبانوں کے درمیان کا خلا وہ جگہ ہے جہاں یہ صفحہ بیٹھا ہے: آپ پکسل میں سائز ٹائپ کرتے ہیں اور اسے rem میں پڑھتے ہیں، تاکہ CSS میں آپ جو عدد رکھیں اس کا وہی مطلب ہو جو ڈیزائنر کا مطلب تھا۔ px کو rem میں تبدیل کرنا چھوٹا سا عمل ہے، لیکن ویب سائٹ کی زندگی میں یہ سینکڑوں بار ہوتا ہے، اور غلط بنیاد احتیاط سے بنائی گئی ترتیب کو ہر جگہ ایک ساتھ تھوڑا سا غلط بنا دیتی ہے۔

rem کی فکر کرنے کی وجہ رسائی اور لچک ہے۔ rem روٹ فونٹ سائز کا ضعف ہے، جسے براؤزر 16 px مقرر کرتا ہے جب تک کہ کچھ اور نہ کہا جائے، اور جسے قاری اپنی ترتیبات میں بدلنے کے لیے آزاد ہے۔ rem میں لکھی ترتیب اس لیے اپنی شکل برقرار رکھتی ہے جب کمزور بینائی والا کوئی شخص ڈیفالٹ متن کا سائز بڑھاتا ہے: متن، جگہ اور خانے ایک ساتھ بڑھتے ہیں۔ پکسل میں لکھی ترتیب پیروی نہیں کرتی، اور جس قاری نے بڑا متن مانگا ہو اسے تنگ خانوں میں بڑے حروف ملتے ہیں، یا کچھ بھی نہیں۔ اسی لیے تقریباً ہر جدید اسٹائل گائیڈ ایک ہی بات کہتی ہے: متن اور جگہ کے لیے rem استعمال کیجیے۔

یہ صفحہ حساب آپ کے براؤزر میں کرتا ہے۔ کچھ اپ لوڈ نہیں ہوتا، اور جس پر تبدیلی منحصر ہے، یعنی بنیادی سائز، وہ نیچے لکھا ہوا ہے اور ایک خانے میں ہے جسے آپ بدل سکتے ہیں، آپ کی پیٹھ پیچھے فرض کیے جانے کے بجائے۔ نیچے آپ کو فارمولا، عام سائزوں کا جدول، بنیاد کے اہم ہونے کی وجوہات، وہ پھندے جو جلدی میں px کو rem میں تبدیل کرنے والوں کو پکڑ لیتے ہیں، اور حقیقی اسٹائل شیٹوں میں نتیجہ استعمال کرنے کی مختصر رہنمائی ملے گی۔

فارمولا اور بنیاد

rem برابر ہے px تقسیم بنیاد

فارمولا ایک تقسیم ہے: rem = px ÷ base۔ 16 px کی معمول کی بنیاد کے ساتھ، 24 px کا سائز 1.5 rem بن جاتا ہے، 32 px بن جاتا ہے 2 rem اور 8 px بن جاتا ہے 0.5 rem۔ صفحہ آپ کے ٹائپ کرتے ہی نتیجہ دکھاتا ہے، اور یہ بھی دکھاتا ہے کہ اس نے کون سی بنیاد استعمال کی، اس لیے سطر 24 px = 1.5 rem (16 px) آپ کو ٹھیک بتاتی ہے کہ کیا فرض کیا گیا تھا۔

16 کہاں سے آتا ہے

بنیاد 16 px سے شروع ہوتی ہے کیونکہ براؤزر یہی استعمال کرتا ہے جب کوئی کچھ اور نہ کہے۔ یہ ویب کا قانون نہیں؛ یہ ڈیفالٹ کا ڈیفالٹ ہے، اور دہائیوں سے مستحکم ہے۔ اگر آپ کا CSS کبھی روٹ فونٹ سائز کو نہیں چھوتا تو زیادہ تر وزیٹرز کے لیے 1 rem کا مطلب 16 px ہے۔ اگر چھوتا ہے تو بنیاد وہ ہے جو آپ نے مقرر کی۔

62.5% کی ترکیب اور لوگ اسے کیوں استعمال کرتے ہیں

کچھ اسٹائل شیٹیں روٹ سائز کو 62.5% مقرر کرتی ہیں، جس سے ڈیفالٹ براؤزر پر 1 rem کا مطلب 10 px ہو جاتا ہے، تاکہ 24 px سیدھا 2.4 rem ہو اور حساب ذہن میں کرنا آسان ہو۔ یہ کام کرتا ہے، لیکن اس کی قیمت ہے: پورا صفحہ اب اس فیصد پر منحصر ہے، اور ہر وہ جزو جو بنیاد کے طور پر 16 کی توقع رکھتا ہے بہت چھوٹا نکلے گا۔ اگر آپ کا منصوبہ یہ کرتا ہے تو اس صفحے کے بنیاد کے خانے میں 10 ٹائپ کیجیے، اور ہر عدد آپ کے CSS سے ملے گا۔

تبدیلی کیا رکھتی ہے اور کیا نہیں رکھ سکتی

یہ تناسب رکھتی ہے

ایک rem وہ ہے جو روٹ فونٹ سائز ہو، اس لیے rem میں لکھی ترتیب اپنی شکل برقرار رکھتی ہے جب وہ سائز بدلے۔ اس طرح لکھنے کی پوری وجہ یہی ہے۔ جب آپ px کو rem میں تبدیل کرتے ہیں تو جو عدد ملتا ہے وہ وہی تناسب ہے جو پکسل کی قدر کا آپ کی چنی ہوئی بنیاد پر تھا، اب ایسے انداز میں جو پیمانہ بناتا ہے۔

یہ آپ کے قاری کی ترتیبات نہیں جان سکتی

عدد مکمل طور پر بنیاد پر منحصر ہے۔ اگر آپ کا CSS روٹ عنصر پر مختلف سائز مقرر کرتا ہے، یا قاری نے اپنے براؤزر میں ڈیفالٹ متن کا سائز بدل لیا ہے، جو بہت سے لوگ کرتے ہیں اور انہیں حق ہے، تو ان کے لیے 1 rem کا مطلب 16 px نہیں۔ صفحے پر عدد صرف خانے میں موجود بنیاد کے لیے درست ہے۔ یہ اوزار کا نقص نہیں بلکہ اکائی کی فطرت ہے: وہ نسبتی ہے، اور نسبتی اکائی کی تبدیل کرنے کو کوئی مقررہ قدر نہیں ہوتی۔

گولائی

16 سے تقسیم بہت سے عام سائزوں (16، 24، 32، 48، 64) کے لیے صاف نتیجے دیتی ہے اور دوسروں (10 px ہے 0.625 rem؛ 13 px ہے 0.8125) کے لیے دہرانے والے اعشاریے۔ صفحہ اتنے ہندسے دیتا ہے جتنے عدد کو چاہییں، اور اسٹائل شیٹ میں کتنے رکھنے ہیں یہ آپ طے کرتے ہیں۔ براؤزر لمبے اعشاریے بغیر مشکل سنبھالتے ہیں، لیکن 0.8125rem جیسی گول قدر دس ہندسوں والی قدر سے پڑھنے اور برقرار رکھنے میں آسان ہے۔

عام سائز

صفحے کے نچلے حصے میں جدول

کنورٹر کے نیچے آپ کو عام سائزوں کا جدول ملتا ہے: 8 px کا مطلب 0.5 rem ہے، 10 px کا مطلب 0.625، 12 px کا مطلب 0.75، 14 px کا مطلب 0.875، 16 px کا مطلب 1، 18 px کا مطلب 1.125، 20 px کا مطلب 1.25، 24 px کا مطلب 1.5، 32 px کا مطلب 2، 48 px کا مطلب 3 اور 64 px کا مطلب 4۔ یہ وہ سائز ہیں جو ٹائپ کے پیمانوں اور جگہ کے نظاموں میں سب سے زیادہ سامنے آتے ہیں، اور انہیں سامنے رکھنا ایک تبدیلی بچاتا ہے۔

rem پر بنا پیمانہ

مفید عادت یہ ہے کہ rem کی قدروں کا چھوٹا سیٹ چنیں اور انہیں دوبارہ استعمال کریں: جگہ کے لیے 0.5، 1، 1.5، 2، 3 اور 4، اور ٹائپ کے لیے 0.875، 1، 1.25، 1.5، 2۔ ڈیزائنر اسے پیمانہ کہتے ہیں، اور یہ سائٹ کو بصری طور پر یکساں رکھتا ہے۔ جب ماڈل آپ کو 22 px جیسی طاق قدر دے تو کنورٹر سے دیکھیے کہ یہ 1.375 rem ہے، اور پھر فیصلہ کیجیے کہ اپنے پیمانے کی قریب ترین قدر تک گول کریں یا نہیں۔

یہاں px کو rem میں کیسے تبدیل کریں

پکسل کی قدر ٹائپ کیجیے

پہلے خانے میں پکسل میں سائز درج کیجیے۔ اعشاریے قبول ہیں، اس لیے 13.5 px اتنا ہی کام کرتا ہے جتنا 14۔

بنیاد جانچیے

اگر آپ کا CSS روٹ سائز نہیں بدلتا تو اسے 16 پر رہنے دیجیے۔ اگر بدلتا ہے تو بدلیے۔ آپ کے ٹائپ کرتے ہی نتیجہ اپ ڈیٹ ہوتا ہے۔

rem کی قدر نقل کیجیے

عدد پڑھیے اور اپنے CSS میں استعمال کیجیے، اکائی اس کے بعد لکھ کر: font-size: 1.5rem۔ اکائی نہ بھولیے، کیونکہ زیادہ تر خصوصیات میں بغیر اکائی کا عدد کچھ اور مطلب رکھتا ہے۔

یہ اکائیاں کہاں سے آتی ہیں

CSS پکسل آپ کی اسکرین کا پکسل نہیں

جب ڈسپلے کی کثافت قابلِ پیش گوئی نہ رہی تو حقیقی پکسل میں ناپا ہوا صفحہ ایسا صفحہ بن گیا جو اسکرینیں تیز ہونے کے ساتھ سکڑتا تھا۔ اس لیے CSS پکسل کو حوالہ لمبائی کے طور پر دوبارہ متعین کیا گیا: آرام دہ پڑھنے کے فاصلے سے دیکھے جانے والے ایک انچ کا تقریباً 1/96۔ اس صفحے پر باقی سب کچھ اسی پر بنا ہے۔ em ویب سے پرانا ہے: دھاتی ٹائپ میں یہ ڈھلے ہوئے بلاک کی چوڑائی تھی، جس کا نام بڑے M پر رکھا گیا، اور CSS میں اس کا مطلب نافذ فونٹ سائز ہے، اسی لیے یہ بدلتا ہے جب آپ عناصر کو تہہ در تہہ رکھتے ہیں۔ rem اسی سے بچنے کے لیے شامل کیا گیا: یہ روٹ عنصر کا em ہے اور کبھی ضرب در ضرب نہیں بڑھتا۔

rem کیوں موجود ہے

rem سے پہلے ڈویلپر ہر چیز کا سائز em یا فیصد میں طے کرتے تھے، اور تہہ دار عناصر ایک دوسرے کو ضرب دیتے تھے: فہرست کے اندر فہرست کے اندر فہرست ہر سطح پر سکڑتی یا بڑھتی تھی۔ rem نے انہیں ایک مقررہ حوالہ دیا، روٹ، اور ضرب در ضرب بڑھنا ختم کر دیا۔ اگر آپ دونوں کا موازنہ کرنا چاہتے ہیں تو px کو em میں تبدیل کیجیے اور دیکھیے کہ وہی پکسل کی قدر اس عنصر پر کیسے منحصر ہے جس میں وہ بیٹھی ہے۔

عملی طور پر rem سے کہاں ملاقات ہوتی ہے

ٹائپ

باڈی ٹیکسٹ عموماً 1 rem ہوتا ہے، عنوان 1.25 سے 3 rem، چھوٹی چھپائی 0.75 سے 0.875 rem۔ انہیں rem میں لکھنا قاری کو براؤزر کی ایک ترتیب بدل کر پورے صفحے کو بڑا کرنے دیتا ہے۔

جگہ اور ترتیب

rem میں مارجن، پیڈنگ اور فاصلے خالی جگہ کو ٹائپ کے تناسب میں رکھتے ہیں۔ جب متن بڑھتا ہے تو اس کے گرد کی جگہ بھی بڑھتی ہے، اور ترتیب پرانے خانوں میں بڑے حروف ٹھونسنے کے بجائے متوازن رہتی ہے۔

میڈیا کوئری

em یا rem میں لکھے بریک پوائنٹ قاری کے متن کے سائز پر ردِعمل دیتے ہیں، اس لیے جس نے اپنا متن بڑا کیا ہو اس کے لیے ترتیب اپنی تنگ شکل میں پہلے بدل جاتی ہے۔ یہ جاننے کے لائق نفاست ہے، اگرچہ بریک پوائنٹس میں پکسل عام رہتے ہیں۔

پکسل میں کیا چھوڑنا ہے

باریک حدیں، باکس کے سائے اور پتلے آئیکن اکثر مقررہ پکسل سائز پر سب سے اچھے لگتے ہیں، کیونکہ 0.0625rem کی حد جو بڑے متن کے ساتھ 0.1rem ہو جائے کسی کی مدد نہیں کرتی۔ جو چیز پیمانہ بنے اس کے لیے rem استعمال کیجیے اور جو نہ بنے اس کے لیے پکسل۔

px کو rem میں تبدیل کرتے وقت پھندے

یہ بھول جانا کہ بنیاد ہمیشہ 16 نہیں ہوتی

اگر منصوبہ html { font-size: 62.5% } مقرر کرتا ہے، یا بہتا ہوا روٹ سائز استعمال کرتا ہے، تو مستقل مختلف ہوتا ہے۔ کسی بھی کنورٹر کے عدد پر بھروسا کرنے سے پہلے اسٹائل شیٹ جانچیے، اس سمیت۔

خود روٹ سائز کو تبدیل کرنا

اگر آپ روٹ سائز پکسل میں مقرر کرتے ہیں تو قاری کی براؤزر کی ترتیب پر غالب آ جاتے ہیں اور rem کا فائدہ ضائع ہو جاتا ہے۔ روٹ کو فیصد کے طور پر مقرر کیجیے، یا اسے چھوڑ دیجیے، تاکہ صارف کی ترجیح کا احترام ہو۔

ایسے جزو کے اندر rem استعمال کرنا جو اپنا فونٹ سائز مقرر کرتا ہے

rem ہمیشہ روٹ کا حوالہ دیتا ہے، جزو کا نہیں۔ 14 px فونٹ سائز اور 1rem پیڈنگ والے بٹن کی پیڈنگ بٹن کے اپنے متن کی پیروی نہیں کرتی۔ اگر آپ ایسی جگہ چاہتے ہیں جو عنصر کے متن کی پیروی کرے تو یہ em کا کام ہے۔

منصوبے کے بغیر اکائیاں ملانا

جو اسٹائل شیٹ ایک مارجن کے لیے px، اگلے کے لیے rem اور تیسرے کے لیے em استعمال کرے اس کے بارے میں سوچنا مشکل ہے۔ کوئی اصول چنیے: ٹائپ اور جگہ کے لیے rem، حدوں اور سایوں کے لیے پکسل، اور اس پر قائم رہیے۔

تبدیل کرنے سے پہلے لوگ کیا پوچھتے ہیں

16 px کتنے rem ہے؟

ایک، ڈیفالٹ براؤزر پر۔ سولہ تقسیم سولہ کی بنیاد سے۔

کیا rem، px سے بہتر ہے؟

ٹائپ اور جگہ کے لیے، زیادہ تر منصوبوں میں یہ بہتر انتخاب ہے، کیونکہ یہ قاری کی ترتیبات کا احترام کرتا ہے۔ پکسل ان چیزوں کے لیے صحیح رہتے ہیں جنہیں پیمانہ نہیں بنانا چاہیے۔

میرا نتیجہ دوسری سائٹ سے مختلف کیوں ہے؟

غالباً مختلف بنیاد۔ خانہ جانچیے: کچھ اوزار 10 فرض کرتے ہیں، کچھ 16، کچھ 14۔ یہ صفحہ نتیجے کے ساتھ بنیاد دکھاتا ہے۔

کیا مجھے گول کرنا ضروری ہے؟

نہیں۔ براؤزر لمبے اعشاریے قبول کرتے ہیں۔ صرف پڑھنے کی آسانی کے لیے گول کیجیے۔

کیا میرا عدد اپ لوڈ ہوتا ہے؟

نہیں۔ حساب آپ کے براؤزر میں چلتا ہے اور کچھ کہیں نہیں بھیجا جاتا۔

میں واپس کیسے جاؤں؟

rem کو px میں کے ذریعے، جو تقسیم کرنے کے بجائے ضرب دیتا ہے۔

px کو rem میں تبدیل کرتے وقت دانش مندی سے چننا

منصوبے کے لیے بنیاد طے کیجیے اور اس پر قائم رہیے

جو بھی چنیں، اسے فیصلہ بنائیے اور منصوبے کی دستاویزات میں لکھیے۔ جو ٹیم بنیاد پر اختلاف رکھتی ہے وہ ایسے اجزا بناتی ہے جو آپس میں فٹ نہیں ہوتے۔

ڈیزائن کے مرحلے پر تبدیل کیجیے، آخری لمحے پر نہیں

اگر آپ ماڈل پڑھتے وقت px کو rem میں تبدیل کریں تو آپ پیمانہ ڈیزائن میں بنا دیتے ہیں اور طاق قدریں جلد نوٹس کر لیتے ہیں۔ اگر آخر میں کریں تو آپ انہیں غیر مربوط اعداد کے ڈھیر کے طور پر دریافت کرتے ہیں۔

ویو پورٹ کی اکائیوں پر بھی غور کیجیے

ان عنوانوں کے لیے جنہیں اسکرین بھرنی ہو، px کو vw میں سائز کو ویو پورٹ کے حصے کے طور پر ظاہر کرتا ہے۔ یہ rem سے مختلف طور پر پیمانہ بناتا ہے، اور دونوں اکثر ملائے جاتے ہیں۔

وہ عادتیں جو px کو rem میں تبدیل کرنا آسان بناتی ہیں

تبدیلی کا جدول اپنے ذہن میں رکھیے

16 کی بنیاد کے ساتھ، چند لنگر زیادہ تر کام کا احاطہ کرتے ہیں: 4 px کا مطلب 0.25 rem ہے، 8 px کا مطلب 0.5، 12 px کا مطلب 0.75، 16 px کا مطلب 1، 24 px کا مطلب 1.5 اور 32 px کا مطلب 2۔ جب ماڈل آپ کو ان کے درمیان کی قدر دے تو آپ صفحے پر px کو rem میں تبدیل کرنے سے پہلے اندازہ لگا سکتے ہیں، اور کنورٹر صرف تصدیق کے لیے استعمال کر سکتے ہیں۔ چند ہفتوں بعد آپ جدول کو دیکھے بغیر جان لیں گے۔

ڈیزائن سسٹم کو کام کرنے دیجیے

اگر آپ کی ٹیم ڈیزائن ٹوکن رکھتی ہے، جیسے spacing-2 یا font-lg، تو انہیں ایک بار rem میں محفوظ کیجیے، اور سب کو ناموں کا حوالہ دینے دیجیے۔ پھر کسی کو دوبارہ px کو rem میں تبدیل کرنے کی ضرورت نہیں، اور پیمانے میں تبدیلی ایک جگہ کی جاتی ہے۔ کنورٹر وہ اوزار ہے جو آپ ٹوکن لکھتے وقت استعمال کرتے ہیں، انہیں برتتے وقت نہیں۔

پکسل کی قدر تبصرے میں لکھیے

padding: 1.25rem; /* 20px */ جیسی سطر چند حروف کی قیمت پر اگلے ڈویلپر کو کیلکولیٹر کی طرف ہاتھ بڑھانے سے بچاتی ہے۔ یہ بھی ریکارڈ کرتی ہے کہ آپ نے کون سی بنیاد فرض کی، جو اس وقت مدد کرتا ہے اگر روٹ سائز بعد میں بدلا جائے۔

بدلی ہوئی براؤزر ترتیب کے ساتھ آزمائیے

صفحے کے rem میں بنے ہونے کا ثبوت یہ ہے کہ وہ ڈیفالٹ متن کے بڑے سائز میں بچ جاتا ہے۔ اپنے براؤزر میں ترتیب بدلیے، ری لوڈ کیجیے اور دیکھیے۔ جو اجزا ٹوٹتے ہیں وہ وہ ہیں جن میں کوئی چیز پکسل میں رہ گئی تھی یا جہاں مقررہ اونچائی نے متن کاٹ دیا۔

متعلقہ کنورٹر

اوزاروں کا یہی خاندان ملتی جلتی تبدیلیوں کا احاطہ کرتا ہے۔ واپس پکسل کی طرف جانے کے لیے rem کو px میں استعمال کیجیے۔ عنصر کے نسبت سائز کے لیے px کو em میں اور em کو px میں ہیں، اور اسکرین کے نسبت سائز کے لیے px کو vw میں اور vw کو px میں۔ اگر آپ کے کام میں سائز کے ساتھ رنگ بھی شامل ہیں تو HEX کو RGB میں، RGB کو HEX میں اور HEX کو HSL میں اسٹائل شیٹ کی اشارہ بندیوں کو سنبھالتے ہیں۔

ایک حل شدہ مثال

فرض کیجیے ماڈل کارڈ کا عنوان 28 px دیتا ہے، کارڈ کی پیڈنگ 20 px اور کارڈوں کے درمیان 12 px کا فاصلہ، اور آپ کا منصوبہ ڈیفالٹ 16 px کی بنیاد استعمال کرتا ہے۔ آپ 28 ٹائپ کر کے 1.75 rem پڑھتے ہیں، 20 ٹائپ کر کے 1.25 rem پڑھتے ہیں، 12 ٹائپ کر کے 0.75 rem پڑھتے ہیں۔ اسٹائل شیٹ میں آپ لکھتے ہیں font-size: 1.75rem، padding: 1.25rem اور gap: 0.75rem۔ جو وزیٹر براؤزر کا متن 20 px تک بڑھاتا ہے وہی کارڈ دیکھتا ہے، ایک چوتھائی بڑھا ہوا: عنوان 35 px ہے، پیڈنگ 25 px اور فاصلہ 15 px، سب تناسب میں۔ اگر آپ پکسل لکھتے تو عنوان 28 پر رہتا اور کارڈ غلط لگتا۔

ایک مختصر چیک لسٹ

تبدیل کرنے سے پہلے

معلوم کیجیے کہ آپ کا CSS کون سی بنیاد استعمال کرتا ہے۔ طے کیجیے کہ کون سے سائز پیمانہ بنیں اور کون سے نہیں۔

تبدیل کرتے وقت

پکسل کی قدر ٹائپ کیجیے، نتیجے کے ساتھ دکھائی گئی بنیاد جانچیے اور rem کا عدد اس کی اکائی کے ساتھ نقل کیجیے۔

تبدیل کرنے کے بعد

براؤزر میں ڈیفالٹ متن کے بڑے سائز کے ساتھ صفحہ آزمائیے، اور وہ خانے ڈھونڈیے جو اب اپنا متن نہیں سنبھالتے۔

عام غلطیاں

یہ فرض کرنا کہ 1 rem ہمیشہ 16 px ہے

یہ صرف تب ہے جب کسی نے روٹ سائز نہ بدلا ہو، اور کچھ قارئین نے بدلا ہے۔ ترتیب ایسے لکھیے کہ وہ دوسرے سائزوں پر بھی کام کرے۔

روٹ سائز پکسل میں مقرر کرنا

یہ قاری کے انتخاب پر غالب آ جاتا ہے۔ فیصد استعمال کیجیے، یا اسے مقرر نہ کیجیے۔

ہر چیز کو تبدیل کرنا

ہر سائز کو پیمانہ نہیں بنانا چاہیے۔ حدیں اور سائے پکسل میں رہنے دیجیے۔

آپ کے اعداد آپ کے آلے پر رہتے ہیں

حساب مقامی طور پر ہوتا ہے۔ آپ کی قدریں آپ کا اپنا براؤزر استعمال کرتا ہے اور کچھ کہیں نہیں بھیجا جاتا۔ بعد میں حذف کرنے کو کچھ نہیں اور بنانے کو کوئی اکاؤنٹ نہیں۔ px کو rem میں تبدیل کرنے کا یہی سادہ طریقہ ہے۔

خلاصہ

یہاں px کو rem میں تبدیل کرنے کے لیے پکسل میں سائز ٹائپ کیجیے اور فوراً rem میں پڑھیے، فارمولا rem = px ÷ base استعمال کرتے ہوئے۔ بنیاد 16 px سے شروع ہوتی ہے، براؤزر کا ڈیفالٹ، اور آپ اسے اپنے CSS سے ملانے کے لیے بدل سکتے ہیں۔ تبدیلی تناسب رکھتی ہے: rem میں لکھی ترتیب اپنی شکل برقرار رکھتی ہے جب روٹ فونٹ سائز بدلے۔ وہ آپ کے قاری کی ترتیبات نہیں جان سکتی، اس لیے عدد صرف خانے میں موجود بنیاد کے لیے درست ہے۔ کنورٹر کے نیچے جدول میں عام سائز، 0.5 rem پر 8 px سے 4 rem پر 64 px تک، آپ کو حساب دہرانے سے بچاتے ہیں۔ کچھ اپ لوڈ نہیں ہوتا۔