PX سے REM کنورٹر

اپنے روٹ فونٹ سائز کے ساتھ CSS پکسلز اور rem کو تبدیل کریں۔

فارمولا اسکرین اور ڈیزائن

REM

پوائنٹس: 18 pt
روٹ سائز کا فیصد: 150 %

یہ کیسے کام کرتا ہے

ایک rem روٹ html عنصر کے فونٹ سائز کے برابر ہوتا ہے، جو براؤزرز میں پہلے سے 16 px ہے۔ پکسل قدر کو روٹ سائز سے تقسیم کرنے پر rem ملتا ہے؛ rem کو روٹ سائز سے ضرب دینے پر پکسلز۔

Em اسی طرح کام کرتا ہے مگر یہ پیرنٹ عنصر کے فونٹ سائز کے نسبت سے ہوتا ہے، اس لیے یہ rem کے برابر صرف اس وقت ہوتا ہے جب پیرنٹ روٹ سائز استعمال کرے۔

CSS میں 1 px کو 1/96 انچ اور 1 pt کو 1/72 انچ متعین کیا گیا ہے، اس لیے 1 px = 0.75 pt۔

فارمولا

rem = px ÷ روٹ سائز
px = rem × روٹ سائز
pt = px × 0.75

حل شدہ مثال

پہلے سے 16 px روٹ کے ساتھ، 24 px = 24 ÷ 16 = 1.5 rem، جو 18 pt اور روٹ سائز کا 150% ہے۔

لوگ جو سوالات پوچھتے ہیں

px کے بجائے rem کیوں استعمال کریں؟

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

rem اور em میں کیا فرق ہے؟

Rem روٹ عنصر کے نسبت سے ہے؛ em موجودہ عنصر کے پیرنٹ کے نسبت سے ہے، اس لیے گھونسلے دار em قدریں جمع ہو جاتی ہیں۔