পিক্সেল থেকে EM/REM কনভার্টার
px, rem, em, pt ও % একটি লাইভ টেবিল ও কপি-প্রস্তুত CSS সহ রূপান্তর করুন
rem রুট ফন্ট আকারের সাপেক্ষে; em ও % প্যারেন্টের সাপেক্ষে।
| PX | REM | EM | PT |
|---|---|---|---|
| 10 | — | — | — |
| 12 | — | — | — |
| 14 | — | — | — |
| 16 | — | — | — |
| 18 | — | — | — |
| 20 | — | — | — |
| 24 | — | — | — |
| 28 | — | — | — |
| 32 | — | — | — |
| 40 | — | — | — |
| 48 | — | — | — |
| 64 | — | — | — |
পিক্সেল থেকে EM/REM কনভার্টার সম্পর্কে
পিক্সেল টু EM/REM কনভার্টার px, rem, em, pt এবং percent-এর মধ্যে CSS দৈর্ঘ্যের মান রূপান্তর করে। পাঁচটি এককের যেকোনো একটিতে একটি মান লিখুন এবং একটি লাইভ টেবিল অন্য সবগুলোতে এর সমতুল্য মান দেখায় — সাথে একটি কপি-রেডি CSS স্নিপেট যা আপনি সরাসরি একটি স্টাইলশিটে পেস্ট করতে পারেন।
রূপান্তরগুলো CSS আসলে কীভাবে এককগুলো রেজলভ করে তা মান্য করে: rem রুট ফন্ট সাইজের সাপেক্ষে, যেখানে em ও % প্যারেন্ট এলিমেন্টের ফন্ট সাইজের সাপেক্ষে। উভয় রেফারেন্স সাইজই সম্পাদনযোগ্য, তাই আপনি 16 px রুটের সাথে 14 px কম্পোনেন্ট, বা আপনার ব্যবহৃত যেকোনো ডিজাইন-সিস্টেম স্কেল মডেল করতে পারেন।
একটি কমন-ভ্যালুজ টেবিল ডিজাইনাররা সবচেয়ে বেশি যে সাইজগুলো ব্যবহার করেন তা ম্যাপ করে — তাই “24px in rem কত” জাতীয় প্রশ্নের উত্তর এক নজরেই পাওয়া যায়। টুলটি বিনামূল্যের, আপনি টাইপ করার সাথে সাথেই আপডেট হয়, এবং ফিক্সড পিক্সেল মকআপকে অ্যাক্সেসিবল, স্কেলযোগ্য rem-ভিত্তিক CSS-এ রূপান্তরের জন্য একটি অপরিহার্য টুল।
পিক্সেল থেকে EM/REM কনভার্টার কীভাবে ব্যবহার করবেন
- রূপান্তর করার মান লিখুন এবং তার একক নির্বাচন করুন: px, rem, em, pt বা %।
- রুট ফন্ট সাইজ (rem-এর জন্য) এবং প্যারেন্ট ফন্ট সাইজ (em ও %-এর জন্য) সমন্বয় করুন, যদি সেগুলো 16 px থেকে ভিন্ন হয়।
- লাইভ টেবিলে রূপান্তরিত মানগুলো পড়ুন।
- তৈরি হওয়া CSS স্নিপেট বা কমন-ভ্যালুজ টেবিল থেকে যেকোনো মান কপি করুন।