em থেকে পিক্সেল কনভার্টার

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

em ফন্ট আকারের সঙ্গে যুক্ত একটি আপেক্ষিক CSS দৈর্ঘ্য একক: 1em সবসময় যে এলিমেন্টে এটি প্রয়োগ করা হয়েছে তার বর্তমান ফন্ট-আকারের সমান (অথবা, ফন্ট-আকারের জন্যই ব্যবহৃত হলে, প্যারেন্ট এলিমেন্টের ফন্ট-আকারের সমান)। ব্রাউজার সেই রুট ফন্ট-আকার ডিফল্টভাবে 16px ধরে, তাই ডিফল্ট সেটিংয়ে 1em = 16px, এবং সাধারণভাবে px = em × বেস ফন্ট-আকার — 16px বেসে 2em-এ সেট করা একটি শিরোনাম 32px-এ দেখায়, কিন্তু 18px বেসে একই 2em দেখায় 36px-এ।

যেহেতু em ব্যবহারকারীর বা প্যারেন্ট এলিমেন্টের ফন্ট-আকারের সঙ্গে স্কেল করে, তাই রেসপন্সিভ ও অ্যাক্সেসিবল টাইপোগ্রাফিতে — লাইন-হাইট, মার্জিন এবং ফন্ট-আকার যা কেউ ব্রাউজারের টেক্সট-আকার সেটিং বাড়ালে বাড়া উচিত — CSS ডেভেলপাররা এই এককটিই বেছে নেন। একটি পিক্সেল-ভিত্তিক ডিজাইন মকআপ (Figma, Sketch) কে স্কেলযোগ্য, অ্যাক্সেসিবল CSS-এ অনুবাদ করার সময় em ও পিক্সেলের মধ্যে রূপান্তর একটি নিত্য ধাপ।