ConvertThemAll

PX से REM कनवर्टर

अपने रूट फ़ॉन्ट आकार से CSS पिक्सल और rem बदलें।

सूत्र स्क्रीन और डिज़ाइन
px

px

जब तक पेज या उपयोगकर्ता इसे न बदले, ब्राउज़र डिफ़ॉल्ट रूप से 16 px इस्तेमाल करते हैं।

REM

REM: 1.5 rem

पॉइंट
18 pt
रूट आकार का प्रतिशत
150 %

यह कैसे काम करता है

एक rem, रूट html तत्व के फ़ॉन्ट आकार के बराबर होता है, जो ब्राउज़र में डिफ़ॉल्ट रूप से 16 px है। पिक्सल मान को रूट आकार से भाग देने पर rem मिलता है; rem को रूट आकार से गुणा करने पर पिक्सल।

em भी इसी तरह काम करता है, पर वह पैरेंट तत्व के फ़ॉन्ट आकार के सापेक्ष होता है, इसलिए वह rem के बराबर केवल तब होता है जब पैरेंट रूट आकार इस्तेमाल करता हो।

CSS में 1 px को 1/96 इंच और 1 pt को 1/72 इंच परिभाषित किया गया है, इसलिए 1 px = 0.75 pt।

सूत्र

rem = px ÷ रूट आकार
px = rem × रूट आकार
pt = px × 0.75

हल किया गया उदाहरण

डिफ़ॉल्ट 16 px रूट के साथ, 24 px = 24 ÷ 16 = 1.5 rem, जो 18 pt और रूट आकार का 150% है।

लोग जो सवाल पूछते हैं

px की जगह rem क्यों इस्तेमाल करें?

जब उपयोगकर्ता ब्राउज़र का डिफ़ॉल्ट फ़ॉन्ट आकार बदलता है, तो rem आकार उसी अनुपात में बदलते हैं, जो सुगम्यता में मदद करता है।

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

rem रूट तत्व के सापेक्ष होता है; em मौजूदा तत्व के पैरेंट के सापेक्ष, इसलिए अंदर-अंदर के em मान जुड़कर बढ़ते हैं।