লার্ন কম্পিউটার একাডেমি

CSS Clamp জেনারেটর

একটি fluid clamp() ভ্যালু বানান যা একটি ন্যূনতম আর সর্বোচ্চ viewport width-এর মধ্যে মসৃণভাবে স্কেল করে — কোনো media query ছাড়াই।

CSS Units পাঠ

প্রিভিউ

প্রিসেট

এটা যেভাবে কাজ করে

clamp(MIN, PREFERRED, MAX) মাঝের ভ্যালুটা বেছে নেয়, যতক্ষণ না সেটা MIN–MAX-এর বাইরে চলে যায় — তখন যে সীমা পার হয়েছে সেটাতেই আটকে যায়। PREFERRED হলো vw-তে একটা linear ফর্মুলা, যা এখানে আপনার দেওয়া দুটো viewport/value জোড়া থেকে এমনভাবে বের করা হয় যাতে লাইনটা দুটো বিন্দু দিয়েই ঠিকঠাক যায় — এজন্যই মাঝখানে এটা হঠাৎ লাফ না দিয়ে মসৃণভাবে বাড়ে।

Min viewport width

Max viewport width

Min value

Max value

Root font size

আউটপুট

clamp(1rem, 0.6479rem + 1.5023vw, 2rem)