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