CSS और फ़्रंट-एंड विकास उपकरण

rem से px

rem को पिक्सेल में बदलकर रूट फ़ॉन्ट आकार और अंतिम CSS आकार का संबंध जाँचें।

इनपुट मान

आपके ब्राउज़र में प्रोसेस होता है

लाइव प्रीव्यू

बदलाव करते ही अपने आप अपडेट होता है
सीधे चुनें या कॉपी करें

चुने हुए रूट फ़ॉन्ट आकार के अनुसार rem को px में बदलें और सूत्र व परिणाम देखें।

आपका इनपुट केवल आपके ब्राउज़र में प्रोसेस होता है और सर्वर पर अपलोड नहीं किया जाता।

इस उपकरण के बारे में

rem से px उपकरण, px से rem का उलटा परिवर्तन करता है। rem और वास्तविक रूट फ़ॉन्ट आकार दर्ज करने पर यह ब्राउज़र में संबंधित पिक्सेल मान निकालता है। इससे मौजूदा स्टाइल के सापेक्ष आकार समझने में मदद मिलती है।

कैसे इस्तेमाल करें

  1. बदलने के लिए rem मान दर्ज करें।
  2. 0 से बड़ा रूट फ़ॉन्ट आकार भरें। डिफ़ॉल्ट 16px है।
  3. px परिणाम और गणना का विवरण देखें।
  4. परिणाम कॉपी करें या सामान्य परिवर्तनों को जाँचने के लिए उदाहरण लोड करें।

उदाहरण

  • 1.5rem × 16px = 24px।
  • 2rem × 16px = 32px।
  • 1.25rem × 20px = 25px।

गणना की विधि

px = rem × मूल फ़ॉन्ट आकार। 16px के मूल आकार पर 1.5rem = 24px होता है। साइट की शैली और उपयोगकर्ता की सेटिंग मूल आकार बदल सकती हैं; वास्तविक मान से रूपांतरण करें।

सामान्य उपयोग

  • rem स्टाइल की डिज़ाइन के पिक्सेल मानों से तुलना करना।
  • थीम में रूट फ़ॉन्ट आकार बदलने का असर समझना।
  • फ़ॉन्ट आकार, मार्जिन और कंटेनर आकार जल्दी जाँचना।

गोपनीयता

आपका इनपुट और परिणाम केवल आपके ब्राउज़र में संसाधित होते हैं; उन्हें अपलोड या अपने आप सेव नहीं किया जाता। जिन परिणामों को रखना हो, उन्हें कॉपी करके संभालकर रखें।

FAQ

1rem हमेशा 16px क्यों नहीं होता?

rem रूट तत्व का वास्तविक फ़ॉन्ट आकार इस्तेमाल करता है। प्रोजेक्ट CSS या उपयोगकर्ता सेटिंग इस आधार को बदल सकती हैं।

क्या रूट फ़ॉन्ट आकार 18 या 20 हो सकता है?

हाँ। उपकरण की मान्य सीमा के भीतर 0 से बड़ा कोई भी वैध मान रूट फ़ॉन्ट आकार हो सकता है। 16 अनिवार्य नहीं है।

क्या ब्राउज़र ज़ूम से यह सूत्र बदलता है?

सूत्र CSS पिक्सेल और rem का संबंध बताता है। स्क्रीन पर उनके भौतिक पिक्सेल ब्राउज़र ज़ूम और डिवाइस पिक्सेल अनुपात से भी प्रभावित होते हैं।

कुछ परिणामों में दशमलव क्यों नहीं होता?

परिणाम पूर्णांक के करीब होने पर अनावश्यक अंतिम 0 हटा दिए जाते हैं, ताकि आउटपुट सीधे CSS में लिखना आसान हो।

डेवलपर उपकरण सूची पर लौटें