বিনামূল্যে Pixel থেকে REM কনভার্টার

কিভাবে কাজ করে

সব রূপান্তর পুরোপুরি আপনার ব্রাউজারে একটি হাতে লেখা, নির্ভরতাহীন গাণিতিক ইঞ্জিন দিয়ে চলে। টুলটি সাতটি CSS এককের (px, rem, em, pt, vw, vh ও %) মধ্যে রূপান্তর করে প্রতিটি হিসাব পিক্সেলকে সাধারণ ভিত্তি ধরে, আপনার নির্ধারিত root font size, parent font size বা viewport মাপের বিপরীতে সাধারণ ভাগ বা গুণ করে।

1. 1
   প্রসঙ্গের মান সেট করুন

   রূপান্তরের আগে আপনি সেই চারটি সংখ্যা ঠিক করেন যা আপেক্ষিক CSS একককে অর্থবহ করে: root font size (ডিফল্ট 16px, যা ব্রাউজারের ডিফল্ট), parent এলিমেন্টের font size (em ও % রূপান্তরের জন্য), এবং viewport-এর প্রস্থ ও উচ্চতা (vw ও vh-এর জন্য)। রানটাইমে CSS সমাধানের সময় আপনার ব্রাউজার এই একই মান ব্যবহার করত।
2. 2
   সর্বজনীন মধ্যবর্তী একক পিক্সেল

   রূপান্তরকারী প্রথমে toPixels() ডেকে আপনার ইনপুটকে কাঁচা পিক্সেল সংখ্যায় আনে — যেমন 1.5rem হয় 1.5 × baseFontPx, আর 50vw হয় 0.5 × vpWidth। তারপর fromPixels() সেই পিক্সেল সংখ্যাকে লক্ষ্য এককের উপযুক্ত গুণক দিয়ে ভাগ করে। রূপান্তর টেবিলে সাতটি একক একসাথে দেখানো হয়।
3. 3
   নিকটতম Tailwind টোকেন খোঁজা

   রূপান্তরের পর টুলটি rem মান হিসাব করে দুটি নির্দিষ্ট লুকআপ টেবিল দেখে — Tailwind-এর তেরোটি font-size টোকেন (text-xs থেকে text-9xl) এবং তার spacing স্কেল — পরম দূরত্বে সবচেয়ে কাছেরটি খুঁজে। = চিহ্ন মানে মানটি হুবহু একটি টোকেন; ≈ মানে নিকটতম আনুমানিক মান।
4. 4
   regex দিয়ে একসাথে CSS পুনর্লিখন

   paste-CSS প্যানেল কাঁচা CSS টেক্সট গ্রহণ করে একটি regex প্রতিস্থাপন প্রয়োগ করে: px→rem মোডে প্রতিটি px টোকেন মিলিয়ে সংখ্যার অংশকে value/baseFontPx + rem দিয়ে বদলায়; rem→px মোডে উল্টোটা করে। প্রতিস্থাপনের সংখ্যা দেখানো হয়, তাই কতগুলো মান পুনর্লিখিত হলো যাচাই করতে পারেন।

সম্পর্কিত টুলস