1rem کتنے px کے برابر ہے؟

1rem جڑ کے عنصر کے فونٹ سائز کے برابر ہے، لہٰذا براؤزر کے ڈیفالٹ 16 px پر یہ 16 px ہے۔

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

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

موبائل براؤزر UI بارز دکھاتے یا چھپاتے ہیں، اس لیے 100vh دکھائی دینے والے حصے سے اونچا ہو سکتا ہے؛ جب سپورٹ ہو تو dvh یا svh استعمال کریں۔

UI ٹائپ اسکیل کے لیے rem کو ترجیح دیں؛ px صرف باریک لکیروں اور پکسل کے عین مطابق تفصیلات کے لیے استعمال کریں۔

اپ ڈیٹ: 2026-09-01

یونٹ	نسبتاً	عام استعمال
px	Device pixel (CSS pixel)	Borders, precise icons
rem	Root element font-size	Type scale, spacing
em	Parent font-size	Component-local sizing
%	Parent property	Widths, flexible layouts
vw	1% viewport width	Full-bleed sections
vh	1% viewport height	Hero height (mind mobile UI)
vmin / vmax	Smaller/larger viewport side	Square-ish responsive sizing
ch	Width of “0” glyph	Code blocks, monospace fields
ex	x-height of font	Rare fine typography
svh / lvh / dvh	Small/large/dynamic viewport	Mobile browser chrome-safe height

موبائل پر 100vh میں چھپے براؤزر عناصر شامل ہو سکتے ہیں — جب سپورٹ ہو تو dvh/svh کو ترجیح دیں۔
صارف کی فونٹ سائز کی ترتیبات rem کو متاثر کرتی ہیں — رسائی کے لیے یہ عموماً مطلوب ہے۔

1rem کتنے px کے برابر ہے؟: 1rem جڑ کے عنصر کے فونٹ سائز کے برابر ہے، لہٰذا براؤزر کے ڈیفالٹ 16 px پر یہ 16 px ہے۔
em اور rem میں کیا فرق ہے؟: rem ہمیشہ جڑ کے عنصر کے فونٹ سائز سے نسبت رکھتا ہے، جبکہ em موجودہ عنصر کو وراثت میں ملے فونٹ سائز سے۔
موبائل پر 100vh کیوں کام نہیں کرتا؟: موبائل براؤزر UI بارز دکھاتے یا چھپاتے ہیں، اس لیے 100vh دکھائی دینے والے حصے سے اونچا ہو سکتا ہے؛ جب سپورٹ ہو تو dvh یا svh استعمال کریں۔