CSS clamp() ক্যালকুলেটর
ছোট ভিউপোর্টে একটা মাপ আর বড়টায় একটা মাপ দিন। পাবেন সেই clamp() যা দুটোর মাঝে মসৃণভাবে চলে, rem-এ, যাতে পাঠকের ব্রাউজার ফন্ট সাইজের প্রতি সম্মান থাকে।
চটপটে বাদামি শেয়াল
টাইপ স্কেল
rem কেন, px কেন নয়
px-এ লেখা মাপ পাঠক ব্রাউজারে যে ফন্ট সাইজ বেছেছেন তা গ্রাহ্য করে না। একই ঘোষণা rem-এ লিখলে সেটার সঙ্গে বদলায়: যিনি ডিফল্ট ২০px করেছেন তিনি আপনার বাঁধা ১৬-এর বদলে বড় লেখা পান। ভিউপোর্টের অংশটা যেভাবেই হোক vw-তেই থাকে — সেটা পর্দার প্রস্থের কথা, পাঠকের পছন্দের নয়।
FAQ
মাঝের অংশটা কী করছে?
এটা আপনার দুই বিন্দু দিয়ে যাওয়া একটা সরলরেখা: একটা ইন্টারসেপ্ট আর vw-তে একটা ঢাল। ছোট ভিউপোর্টের নিচে এটা সর্বনিম্নে আটকে যায়, বড়টির ওপরে সর্বোচ্চে।
সর্বোচ্চ কি সর্বনিম্নের চেয়ে ছোট হতে পারে?
হ্যাঁ, আর clamp() তখনও কাজ করে — কিন্তু পর্দা বড় হলে মাপ ছোট হয়, যা প্রায় কখনোই কাম্য নয়। এমন হলে পাতাটি জানিয়ে দেয়।
কিছু কি আপনাদের সার্ভারে পাঠানো হয়?
না। এটা আপনার ব্রাউজারে নিছক হিসাব; আপনি যা লেখেন তা পাতা ছেড়ে যায় না।
বানিয়েছে GO AI দল। সব বিনামূল্যের সরঞ্জাম