CSS একটি গুরত্বপুর্ণ ফ্যাক্টর ওয়েব ডিজাইন করার জন্য। CSS এ অনেকগুল পরিমাপের একক আছে । তবে আজ আমরা আলোচনা করব বা জানব যে যে Unit গুল Responsive unit হিসেবে ব্যাবহার করা হয় ।

এই ইউনিট গুলকে আমরা বলছি Relative Unit । 

১। em 

em unit নরমালি ব্যাবহার করা হয় font-size নিদ্ধারন করার জন্য । এটি কাজ করে Parent element/div/tag এর উপর ভিত্তি করে। parent div এর font-size যদি আমি 10px করি এবং child div/tag/element এর font-size: 2 rem করে দিই । তাহলে Child tag এর মোট সাইজ হবে 2*10=20px

২। rem

rem unit মুলত em unit এর মতই। এটি কাজ করে HTML document এর সাইজ এর উপর ভিত্তি করে । এর ডিফল্ট সাইজ 16px । তাহলে মোট সাইজ হবে 2*16=32px . আমরা সব সময় চেষ্টা করব rem Unit ব্যবহার করার জন্য । 

৩। vh (view-port height)

আমরা যে Display দেখছি সেটার View-port Height 100% আর height: 1vh = 1%

৪। vh (view-port width)

আমরা যে Display দেখছি সেটার View-port Width100% আর Width: 1vh = 1%