इस उपकरण के बारे में
px से rem उपकरण रूट तत्व के फ़ॉन्ट आकार के आधार पर पिक्सेल को rem में बदलता है। डिफ़ॉल्ट आधार 16px है। प्रोजेक्ट की स्टाइल के अनुसार इसे 10, 14, 18 या शून्य से बड़ी किसी अन्य संख्या पर सेट कर सकते हैं।
कैसे इस्तेमाल करें
- बदलने के लिए px मान दर्ज करें।
- प्रोजेक्ट का वास्तविक रूट फ़ॉन्ट आकार सेट करें; यह 0 से बड़ा होना चाहिए।
- परिवर्तन का परिणाम और गणना का विवरण देखें।
- rem परिणाम कॉपी करें या इनपुट साफ़ करके अन्य आकार बदलें।
उदाहरण
- 32px ÷ 16px = 2rem।
- 24px ÷ 16px = 1.5rem।
- 20px ÷ 10px = 2rem।
गणना की विधि
rem = px / rootFontSize। पेज 095 और 096 एक ही इकाई परिवर्तन तर्क इस्तेमाल करते हैं। परिणाम उचित दशमलव स्थानों तक दिखता है और अंत के अतिरिक्त 0 हट जाते हैं। ब्राउज़र का डिफ़ॉल्ट रूट फ़ॉन्ट आकार सामान्यतः 16px होता है, लेकिन प्रोजेक्ट CSS और उपयोगकर्ता सेटिंग इसे बदल सकती हैं। इसलिए वास्तविक आधार इस्तेमाल करें।
सामान्य उपयोग
- डिज़ाइन के पिक्सेल आकारों को rem में बदलना।
- प्रोजेक्ट में दूरी और फ़ॉन्ट आकार की इकाइयाँ एक जैसी रखना।
- अलग-अलग रूट फ़ॉन्ट आकारों से परिणाम में आने वाला अंतर जाँचना।
गोपनीयता
इनपुट की प्रोसेसिंग, गणना, CSS बनाना और प्रीव्यू, सब आपके ब्राउज़र में होता है। आपकी सामग्री अपलोड नहीं होती। किसी बैकएंड, डेटाबेस, ऑनलाइन API या तीसरे पक्ष के CDN का इस्तेमाल नहीं होता और आपका इनपुट अपने आप सेव नहीं होता।
FAQ
rem क्या है?
rem दस्तावेज़ के रूट तत्व के फ़ॉन्ट आकार के सापेक्ष CSS लंबाई की इकाई है। रूट तत्व सामान्यतः html होता है।
1rem कितने px होता है?
यह रूट फ़ॉन्ट आकार पर निर्भर करता है। 16px आधार पर 1rem = 16px और 10px आधार पर 1rem = 10px होता है।
रूट फ़ॉन्ट आकार 0 क्यों नहीं हो सकता?
px से rem परिवर्तन में रूट फ़ॉन्ट आकार से भाग दिया जाता है। शून्य से भाग संभव नहीं है और ऋणात्मक फ़ॉन्ट आकार भी मान्य नहीं है।
rem और em में क्या अंतर है?
rem रूट तत्व के फ़ॉन्ट आकार पर आधारित होता है। em सामान्यतः मौजूदा तत्व के फ़ॉन्ट आकार से जुड़ा होता है; font-size सेट करते समय इसका आधार पैरेंट तत्व का गणना किया हुआ फ़ॉन्ट आकार होता है।