PX से REM कनवर्टर
अपने रूट फ़ॉन्ट आकार से CSS पिक्सल और rem बदलें।
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 मान जुड़कर बढ़ते हैं।