CSS clamp

এই ক্যালকুলেটর সম্পর্কে

CSS clamp ক্যালকুলেটর একটি তরল clamp(min, preferred, max) রাশি তৈরি করে, যা দুটি ভিউপোর্ট প্রস্থের মধ্যে একটি মানকে রৈখিকভাবে বাড়ায়-কমায়। সর্বনিম্ন ও সর্বোচ্চ মান (rem বা px) এবং ভিউপোর্টের পরিসর দিন, আর এটি দুটি বিন্দুর মধ্য দিয়ে যাওয়া রেখার vw ঢাল ও ছেদক বের করে, সঙ্গে যাচাইয়ের জন্য প্রতিটি ব্রেকপয়েন্টে হিসাব করা মানও দেখায়। rem-এর জন্য 16px রুট ফন্ট সাইজ ধরা হয়। উল্টো পরিসরে যাচাই-ত্রুটি দেখায়। তরল টাইপোগ্রাফি ও ফাঁকা স্থানের জন্য আদর্শ।

CSS clamp কীভাবে ব্যবহার করবেন

1. ঘরে আপনার ইনপুট লিখুন বা পেস্ট করুন।
2. আউটপুট দেখুন — লেখার সঙ্গে সঙ্গে তা হালনাগাদ হয়।
3. কোনো বিকল্প থাকলে, আপনার প্রয়োজন অনুযায়ী সেগুলো ঠিক করুন।
4. হুবহু এই ফলাফলটি শেয়ার করতে পৃষ্ঠার URL কপি করুন।

সাধারণ উদাহরণ

• 320px-এ 1rem → 1280px-এ 2rem → clamp(1rem, 1.6667vw + 0.6667rem, 2rem)
• 375px-এ 1.25rem → 1440px-এ 3rem → clamp(1.25rem, 2.6291vw + 0.6338rem, 3rem)
• 320px-এ 16px → 1200px-এ 32px → clamp(16px, 1.8182vw + 10.1818px, 32px)