1rem রুট এলিমেন্টের ফন্ট সাইজের সমান, তাই ব্রাউজারের ডিফল্ট 16 px-এ এটি 16 px।

em এবং rem-এর মধ্যে পার্থক্য কী?

rem সবসময় রুট এলিমেন্টের ফন্ট সাইজের সাপেক্ষে, আর em বর্তমান এলিমেন্টের উত্তরাধিকারসূত্রে পাওয়া ফন্ট সাইজের সাপেক্ষে।

মোবাইলে 100vh কাজ করে না কেন?

মোবাইল ব্রাউজার UI বার দেখায় বা লুকায়, তাই 100vh দৃশ্যমান এলাকার চেয়ে বড় হতে পারে; সমর্থিত হলে dvh বা svh ব্যবহার করুন।

UI টাইপ স্কেলে rem-ই পছন্দ করুন; px শুধু খুব সরু বর্ডার আর পিক্সেল-নির্ভুল বিবরণের জন্য ব্যবহার করুন।

আপডেট করা হয়েছে: 2026-09-01

একক	কিসের সাপেক্ষে	সাধারণ ব্যবহার
px	Device pixel (CSS pixel)	Borders, precise icons
rem	Root element font-size	Type scale, spacing
em	Parent font-size	Component-local sizing
%	Parent property	Widths, flexible layouts
vw	1% viewport width	Full-bleed sections
vh	1% viewport height	Hero height (mind mobile UI)
vmin / vmax	Smaller/larger viewport side	Square-ish responsive sizing
ch	Width of “0” glyph	Code blocks, monospace fields
ex	x-height of font	Rare fine typography
svh / lvh / dvh	Small/large/dynamic viewport	Mobile browser chrome-safe height

মোবাইলে 100vh-এ লুকানো ব্রাউজার অংশ অন্তর্ভুক্ত থাকতে পারে — সমর্থিত হলে dvh/svh ব্যবহার করুন।
ব্যবহারকারীর ফন্ট সাইজ সেটিং rem-কে প্রভাবিত করে — অ্যাক্সেসিবিলিটির জন্য এটি সাধারণত কাম্য।

1rem কত px?: 1rem রুট এলিমেন্টের ফন্ট সাইজের সমান, তাই ব্রাউজারের ডিফল্ট 16 px-এ এটি 16 px।
em এবং rem-এর মধ্যে পার্থক্য কী?: rem সবসময় রুট এলিমেন্টের ফন্ট সাইজের সাপেক্ষে, আর em বর্তমান এলিমেন্টের উত্তরাধিকারসূত্রে পাওয়া ফন্ট সাইজের সাপেক্ষে।
মোবাইলে 100vh কাজ করে না কেন?: মোবাইল ব্রাউজার UI বার দেখায় বা লুকায়, তাই 100vh দৃশ্যমান এলাকার চেয়ে বড় হতে পারে; সমর্থিত হলে dvh বা svh ব্যবহার করুন।