CSS clamp() کیلکولیٹر

آپ اسے دو پوائنٹس دیتے ہیں: ایک چھوٹی اسکرین کی چوڑائی پر سائز اور ایک بڑی اسکرین کی چوڑائی پر سائز۔ یہ ان کے درمیان ایک سیدھی لکیر کھینچتا ہے تاکہ اسکرین کے وسیع ہونے کے ساتھ سائز آسانی سے بڑھے، پھر اسے clamp() میں لپیٹ دیتا ہے تاکہ یہ کبھی بھی آپ کی چھوٹی اسکرین کے سائز سے نیچے نہ گرے یا آپ کی بڑی اسکرین کے سائز سے اوپر نہ جائے۔ دونوں چوڑائیوں کے درمیان سائز لچکدار طریقے سے تبدیل ہوتا ہے؛ ان سے باہر یہ قریبی حد پر برقرار رہتا ہے۔

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

جی ہاں۔ یہی ویلیو padding، margin، gap، چوڑائی یا اونچائی کے لیے کام کرتی ہے — جہاں بھی لمبائی استعمال ہوتی ہے۔ متن کے بجائے فاصلہ بڑھتے ہوئے دیکھنے کے لیے پری ویو کو Box پر سوئچ کریں۔ اگر آپ کے چھوٹے اور بڑے سائز یکساں ہیں، تو نتیجہ ایک سادہ فکسڈ لمبائی میں بدل جاتا ہے، کیونکہ اسکیل کرنے کے لیے کچھ نہیں بچتا۔

جی ہاں — 2020 سے ہر جدید براؤزر clamp() کو سپورٹ کرتا ہے، لہذا آپ بغیر کسی فال بیک کے اس ویلیو کو استعمال کر سکتے ہیں۔ بہت زیادہ زیادہ سے زیادہ سائز یا تیز رفتار تبدیلی کی صورت میں، 200% زوم پر ایک بار چیک کر لینا بہتر ہے کہ متن ان قارئین کے لیے اب بھی بڑا ہو رہا ہے جنہیں اس کی ضرورت ہے۔