DevToolPal
हि

CSS इकाइयाँ

px से em कन्वर्टर

पिक्सेल (px) को em (em) में बदलें। 1 px = 0.0625 em, और 1 em = 16 px।

सूत्र

em = px ÷ 16

कैसे बदलें

पिक्सेल को em में बदलने के लिए मान को 16 से भाग दें। उदाहरण: 32 px = 2 em।

रूपांतरण तालिका

px em
1 px 0.0625 em
2 px 0.125 em
4 px 0.25 em
8 px 0.5 em
10 px 0.625 em
12 px 0.75 em
14 px 0.875 em
16 px 1 em
18 px 1.125 em
20 px 1.25 em
24 px 1.5 em
32 px 2 em
48 px 3 em
64 px 4 em

तालिका 16px बेस फ़ॉन्ट साइज़ मानकर बनाई गई है। अपने प्रोजेक्ट के अनुसार ऊपर कन्वर्टर में सेटिंग बदलें।

इन इकाइयों के बारे में

ब्राउज़र हर CSS लंबाई को पिक्सेल में बदलते हैं। rem रूट फ़ॉन्ट साइज़ पर और em पैरेंट एलिमेंट के फ़ॉन्ट साइज़ पर आधारित है; जब तक पेज या उपयोगकर्ता न बदले, सभी प्रमुख ब्राउज़रों में दोनों 16px होते हैं। 1pt = 1/72 इंच और 1px = 1/96 इंच, इसलिए 1pt = 1.333px। vw व्यूपोर्ट चौड़ाई का 1% है, इसलिए इसका पिक्सेल मान स्क्रीन पर निर्भर करता है।

अक्सर पूछे जाने वाले सवाल

› px को em में कैसे बदलें?

1 px = 0.0625 em। बदलने के लिए मान को 16 से भाग दें: 32 px = 2 em।

› 1 em कितने px के बराबर है?

1 em = 16 px। उल्टा सूत्र px = em × 16 है।

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

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

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

rem हमेशा रूट (html) फ़ॉन्ट साइज़ लेता है। em पैरेंट एलिमेंट का फ़ॉन्ट साइज़ लेता है, इसलिए नेस्टेड em मान आपस में गुणा होते जाते हैं।