CSS ইউনিট কনভার্টার
কনফিগারযোগ্য বেস ফন্ট সাইজ এবং ভিউপোর্ট প্রস্থ সহ px, rem, em এবং vw ইউনিটের মধ্যে রূপান্তর করুন।
সমতুল্য
রেফারেন্স
CSS ইউনিট
CSS অ্যাবসলিউট এবং রিলেটিভ উভয় ইউনিট প্রদান করে। rem, em এবং vw রিলেটিভ ইউনিট একটি রেফারেন্সের উপর ভিত্তি করে স্কেল হয়।
px, rem, em, vw
px — অ্যাবসলিউট ইউনিট।
rem — html এলিমেন্টের ফন্ট সাইজের সাপেক্ষে। ডিফল্ট 16px।
em — প্যারেন্ট এলিমেন্টের ফন্ট সাইজের সাপেক্ষে।
vw — 1vw = ভিউপোর্ট প্রস্থের 1%।
সাধারণ px থেকে rem রূপান্তর
ডিফল্ট ব্রাউজার বেস 16px-এ: 12px = 0.75rem, 14px = 0.875rem, 16px = 1rem, 18px = 1.125rem, 20px = 1.25rem, 24px = 1.5rem, 32px = 2rem, 48px = 3rem। 1440px ডিজাইনে ভিউপোর্ট ইউনিটের জন্য: 14.4px = 1vw, 72px = 5vw।
অ্যাক্সেসিবিলিটির জন্য rem কেন পছন্দনীয়
ফন্ট সাইজের জন্য rem ব্যবহার করলে ব্যবহারকারীর ব্রাউজার ফন্ট-সাইজ পছন্দ সম্মান করা হয়। যখন একজন ব্যবহারকারী তাদের ব্রাউজার ডিফল্ট 16px-এর পরিবর্তে 20px-এ সেট করে, rem-ভিত্তিক লেআউট আনুপাতিকভাবে স্কেল হয় যেখানে px-ভিত্তিক লেআউট স্থির থাকে। WCAG 1.4.4 (Resize Text) প্রয়োজন যে টেক্সট বিষয়বস্তু বা কার্যকারিতার ক্ষতি ছাড়া 200% পর্যন্ত রিসাইজ করা যেতে পারে — rem ইউনিট স্বাভাবিকভাবে এই প্রয়োজনীয়তা পূরণ করে।
গোপনীয়তা
সমস্ত রূপান্তর 100% আপনার ব্রাউজারে চলে।