px سے rem اور em کنورٹر
اپنے روٹ اور سیاق و سباق کے فونٹ سائز کا استعمال کرتے ہوئے px، rem اور em کے درمیان تبدیل کریں — کسی بھی فیلڈ میں ترمیم کریں اور باقی دونوں ٹائپ کرنے کے ساتھ ہی اپ ڈیٹ ہو جائیں گے۔
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
ہر تبدیلی آپ کے براؤزر میں ہوتی ہے۔ آپ کی ٹائپ کردہ کوئی بھی چیز BroBroGo پر اپ لوڈ نہیں کی جاتی۔
عمومی سوالات
px، rem اور em میں کیا فرق ہے؟
px ایک مقررہ لمبائی ہے۔ rem کی پیمائش صفحہ کے روٹ فونٹ سائز کے مطابق کی جاتی ہے، لہذا 16px روٹ پر، 1rem برابر 16px ہوتا ہے۔ em کی پیمائش اس عنصر کے فونٹ سائز کے مطابق کی جاتی ہے جس میں یہ موجود ہوتا ہے۔ rem میں سائز اور فاصلے سیٹ کرنے سے قاری کے ڈیفالٹ فونٹ سائز تبدیل کرنے پر سب کچھ خود بخود اسکیل ہو جاتا ہے۔
الگ em سیاق و سباق (context) کا سائز کیوں ہے؟
em اپنے ہی عنصر کے فونٹ سائز کے تناسب سے ہوتا ہے، جو ہمیشہ روٹ نہیں ہوتا۔ em کو درست طریقے سے پڑھنے کے لیے em سیاق و سباق کو اس عنصر کے فونٹ سائز پر سیٹ کریں، اور دونوں کے مماثل ہونے پر اسے روٹ کے برابر رکھیں۔
اگر میرا روٹ فونٹ سائز 16px نہ ہو تو کیا ہوگا؟
اپنے CSS کے مطابق روٹ فونٹ سائز کی فیلڈ کو تبدیل کریں اور ہر rem ویلیو فوراً اپ ڈیٹ ہو جائے گی۔ نیچے دی گئی فوری ٹیبل عام 16px روٹ کے لیے ایک آسان گائیڈ ہے جس سے زیادہ تر سائٹس شروع ہوتی ہیں۔