px থেকে rem এবং em কনভার্টার
আপনার নিজস্ব রুট এবং কনটেক্সট ফন্ট সাইজ ব্যবহার করে px, rem এবং em-এর মধ্যে রূপান্তর করুন — যেকোনো একটি ফিল্ড পরিবর্তন করলেই বাকি দুটি সাথে সাথে আপডেট হবে।
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
প্রতিটি রূপান্তর আপনার ব্রাউজারে সম্পন্ন হয়। আপনার কোনো ইনপুট BroBroGo-তে আপলোড করা হয় না।
জিজ্ঞাসিত প্রশ্নাবলী
px, rem এবং em-এর মধ্যে পার্থক্য কী?
px হলো একটি নির্দিষ্ট দৈর্ঘ্য। rem পরিমাপ করা হয় পেজের রুট ফন্ট সাইজের সাপেক্ষে, তাই ১৬px রুটে, ১rem সমান ১৬px। em পরিমাপ করা হয় এটি যে এলিমেন্টের ভেতরে রয়েছে তার ফন্ট সাইজের সাপেক্ষে। rem-এ টাইপ এবং স্পেসিংয়ের আকার নির্ধারণ করলে পাঠক তাদের ডিফল্ট ফন্ট সাইজ পরিবর্তন করলে সবকিছু সেই অনুযায়ী স্কেল হয়।
আলাদা em কনটেক্সট সাইজ কেন রয়েছে?
em তার নিজস্ব এলিমেন্টের ফন্ট সাইজের সাপেক্ষে কাজ করে, যা সবসময় রুট নাও হতে পারে। em সঠিকভাবে হিসাব করতে em কনটেক্সটকে সেই এলিমেন্টের ফন্ট সাইজে সেট করুন, এবং দুটি মিলে গেলে এটিকে রুটের সমান রাখুন।
আমার রুট ফন্ট সাইজ যদি ১৬px না হয় তবে কী হবে?
আপনার CSS-এর সাথে মেলাতে রুট ফন্ট সাইজ ফিল্ডটি পরিবর্তন করুন এবং প্রতিটি rem মান সাথে সাথে আপডেট হয়ে যাবে। নিচের কুইক টেবিলটি সাধারণত ব্যবহৃত ১৬px রুটের জন্য একটি সহজ নির্দেশিকা যা বেশিরভাগ সাইট ব্যবহার করে থাকে।