Pixel से REM/EM कन्वर्टर
CSS के लिए px को rem और em में बदलें, समायोज्य रूट और पैरेंट फ़ॉन्ट साइज़ के साथ — क्योंकि rem और em एक ही चीज़ पर निर्भर नहीं करते।
REM हमेशा रूट (<html>) फ़ॉन्ट आकार के सापेक्ष होता है। EM वर्तमान एलिमेंट के अपने फ़ॉन्ट आकार के सापेक्ष होता है — जो हर जगह अलग हो सकता है जहाँ इसका इस्तेमाल होता है। EM परिणाम REM से स्वतंत्र रूप से कैसे बदलता है यह देखने के लिए ऊपर पैरेंट आकार को समायोजित करें।
तुरंत और लाइव
जैसे ही आप टाइप करते हैं हर इकाई अपडेट होती है — कोई "कन्वर्ट" बटन नहीं, कोई इंतज़ार नहीं।
REM और EM को अलग रखा गया
स्वतंत्र रूट और पैरेंट फ़ॉन्ट-आकार इनपुट, क्योंकि ये एक जैसी चीज़ नहीं हैं।
डिज़ाइन से ही निजी
यह पूरी तरह से आपके ब्राउज़र में चलता है। कुछ भी कभी अपलोड या लॉग नहीं किया जाता।
ऑनलाइन PX को REM और EM में बदलें
डिफ़ॉल्ट 16px रूट फ़ॉन्ट आकार पर, 16px, 1rem के बराबर होता है। CurePDF का कन्वर्टर पिक्सेल मान से rem और em की गणना करता है (या उलटी दिशा में बदलता है), आपके द्वारा बताए गए किसी भी रूट और पैरेंट फ़ॉन्ट आकार का उपयोग करके — क्योंकि हर साइट ब्राउज़र के डिफ़ॉल्ट का इस्तेमाल नहीं करती।
PX से REM रूपांतरण कैसे काम करता है
हल किए गए उदाहरण (16px रूट): 16px / 16 = 1rem। 20px / 16 = 1.25rem। 24px / 16 = 1.5rem।
REM बनाम EM: एक जैसी चीज़ नहीं
REM हमेशा रूट <html> एलिमेंट के फ़ॉन्ट आकार के सापेक्ष होता है — पूरे पेज के लिए एक ही मान। EM वर्तमान एलिमेंट के अपने फ़ॉन्ट आकार के सापेक्ष होता है, जो नेस्टेड कंटेंट के हर स्तर पर अलग हो सकता है। इसका मतलब है कि एक ही पिक्सेल मान इस्तेमाल की जगह के आधार पर अलग-अलग EM मान में बदल सकता है, जबकि यह हमेशा एक ही REM मान में बदलता है।
CSS में पिक्सेल के बजाय REM का इस्तेमाल क्यों करें?
जब कोई उपयोगकर्ता अपनी एक्सेसिबिलिटी सेटिंग्स में ब्राउज़र का बेस फ़ॉन्ट आकार बदलता है, तो REM मान अपने आप स्केल हो जाते हैं, जबकि निश्चित पिक्सेल मान नहीं बदलते। इससे टेक्स्ट साइज़िंग के लिए rem एक ज़्यादा एक्सेसिबल डिफ़ॉल्ट बन जाता है, और em को उन मामलों के लिए रखा जाता है जहाँ आकार वाकई अपने पैरेंट के साथ स्केल होना चाहिए (जैसे पैडिंग जिसे बटन के फ़ॉन्ट आकार के साथ बढ़ना चाहिए)।
अक्सर पूछे जाने वाले प्रश्न
16px, rem में कितना होता है?
डिफ़ॉल्ट 16px रूट फ़ॉन्ट साइज़ पर, 16px 1rem के बराबर है। फ़ॉर्मूला है rem = px / रूट फ़ॉन्ट साइज़।
क्या REM, EM जैसा ही है?
नहीं। REM हमेशा रूट (html) एलिमेंट के फ़ॉन्ट साइज़ के सापेक्ष होता है। EM वर्तमान एलिमेंट के अपने फ़ॉन्ट साइज़ के सापेक्ष होता है, जो नेस्टेड कंटेंट के हर स्तर पर अलग हो सकता है — इसलिए एक ही पिक्सेल वैल्यू, इस्तेमाल की जगह के आधार पर अलग EM वैल्यू में बदल सकती है।
CSS में पिक्सेल के बजाय REM का उपयोग क्यों करें?
जब उपयोगकर्ता अपने ब्राउज़र का बेस फ़ॉन्ट साइज़ बदलता है (एक्सेसिबिलिटी के लिए), तो REM वैल्यू अपने-आप स्केल होती हैं, जबकि फ़िक्स्ड पिक्सेल वैल्यू नहीं होतीं — जिससे टेक्स्ट साइज़िंग के लिए REM ज़्यादा एक्सेसिबल यूनिट बन जाती है।
डिफ़ॉल्ट रूट फ़ॉन्ट साइज़ क्या है?
हर प्रमुख ब्राउज़र की डिफ़ॉल्ट सेटिंग में 16px। यह कन्वर्टर डिफ़ॉल्ट रूप से 16px उपयोग करता है लेकिन आपको इसे किसी साइट के असली CSS से मिलाने के लिए बदलने देता है।