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

px से rem

अपने प्रोजेक्ट के वास्तविक रूट फ़ॉन्ट आकार के अनुसार पिक्सेल मानों को rem में बदलें।

इनपुट मान

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

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

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

चुने हुए रूट फ़ॉन्ट आकार के अनुसार px को rem में उचित सटीकता के साथ बदलें।

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

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

px से rem उपकरण रूट तत्व के फ़ॉन्ट आकार के आधार पर पिक्सेल को rem में बदलता है। डिफ़ॉल्ट आधार 16px है। प्रोजेक्ट की स्टाइल के अनुसार इसे 10, 14, 18 या शून्य से बड़ी किसी अन्य संख्या पर सेट कर सकते हैं।

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

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

उदाहरण

  • 32px ÷ 16px = 2rem।
  • 24px ÷ 16px = 1.5rem।
  • 20px ÷ 10px = 2rem।

गणना की विधि

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

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

  • डिज़ाइन के पिक्सेल आकारों को rem में बदलना।
  • प्रोजेक्ट में दूरी और फ़ॉन्ट आकार की इकाइयाँ एक जैसी रखना।
  • अलग-अलग रूट फ़ॉन्ट आकारों से परिणाम में आने वाला अंतर जाँचना।

गोपनीयता

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

FAQ

rem क्या है?

rem दस्तावेज़ के रूट तत्व के फ़ॉन्ट आकार के सापेक्ष CSS लंबाई की इकाई है। रूट तत्व सामान्यतः html होता है।

1rem कितने px होता है?

यह रूट फ़ॉन्ट आकार पर निर्भर करता है। 16px आधार पर 1rem = 16px और 10px आधार पर 1rem = 10px होता है।

रूट फ़ॉन्ट आकार 0 क्यों नहीं हो सकता?

px से rem परिवर्तन में रूट फ़ॉन्ट आकार से भाग दिया जाता है। शून्य से भाग संभव नहीं है और ऋणात्मक फ़ॉन्ट आकार भी मान्य नहीं है।

rem और em में क्या अंतर है?

rem रूट तत्व के फ़ॉन्ट आकार पर आधारित होता है। em सामान्यतः मौजूदा तत्व के फ़ॉन्ट आकार से जुड़ा होता है; font-size सेट करते समय इसका आधार पैरेंट तत्व का गणना किया हुआ फ़ॉन्ट आकार होता है।

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