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