PX থেকে REM রূপান্তরক
আপনার রুট ফন্ট সাইজ ব্যবহার করে CSS পিক্সেল ও rem রূপান্তর করুন।
REM
REM: 1.5 rem
- পয়েন্ট
- 18 pt
- রুট সাইজের শতকরা
- 150 %
কীভাবে কাজ করে
এক rem সমান রুট html উপাদানের ফন্ট সাইজ, ব্রাউজারে ডিফল্টভাবে 16 px। পিক্সেল মানকে রুট সাইজ দিয়ে ভাগ করলে rem পাওয়া যায়; rem-কে রুট সাইজ দিয়ে গুণ করলে পিক্সেল।
Em একইভাবে কাজ করে তবে প্যারেন্ট উপাদানের ফন্ট সাইজের সাপেক্ষে, তাই প্যারেন্ট রুট সাইজ ব্যবহার করলেই তা rem-এর সমান হয়।
CSS-এ 1 px হলো 1/96 ইঞ্চি এবং 1 pt হলো 1/72 ইঞ্চি, তাই 1 px = 0.75 pt।
সূত্র
rem = px ÷ রুট সাইজ px = rem × রুট সাইজ pt = px × 0.75
কাজের উদাহরণ
ডিফল্ট 16 px রুটে 24 px হলো 24 ÷ 16 = 1.5 rem, যা 18 pt এবং রুট সাইজের 150%।
মানুষ যেসব প্রশ্ন করে
px-এর বদলে rem কেন ব্যবহার করব?
ব্যবহারকারী ব্রাউজারের ডিফল্ট ফন্ট সাইজ বদলালে rem মাপ আনুপাতিকভাবে বদলায়, যা প্রবেশযোগ্যতায় সাহায্য করে।
rem ও em-এর মধ্যে পার্থক্য কী?
Rem রুট উপাদানের সাপেক্ষে; em বর্তমান উপাদানের প্যারেন্টের সাপেক্ষে, তাই ভেতরে ভেতরে বাসা বাঁধা em মান জমে বাড়ে।