CSS यूनिट कन्वर्टर (px, rem, em, vw, pt…)
CSS लंबाइयों को px, rem, em, %, vw, vh, vmin, vmax, pt, pc, in, cm, mm और Q के बीच अपने रूट फ़ॉन्ट आकार और व्यूपोर्ट के साथ बदलें। मुफ़्त और तुरंत।
1remनिरपेक्ष इकाइयाँ CSS का पालन करती हैं: 1in = 96px = 2.54cm = 72pt = 6pc, 1Q = 0.25mm। rem रूट फ़ॉन्ट आकार, em और % पैरेंट फ़ॉन्ट आकार (font-size की तरह) और vw/vh/vmin/vmax व्यूपोर्ट पर आधारित हैं। परिणाम 4 दशमलव तक राउंड होते हैं।
CSS यूनिट कन्वर्टर क्या है?
CSS लंबाई को निरपेक्ष इकाइयों (px, pt, pc, in, cm, mm, Q) और सापेक्ष इकाइयों (rem, em, %, vw, vh, vmin, vmax) के बीच बदलें। रूट फ़ॉन्ट आकार, पैरेंट फ़ॉन्ट आकार और व्यूपोर्ट माप तय करें ताकि सापेक्ष इकाइयाँ आपके असली संदर्भ के लिए निकलें; सभी इकाइयाँ एक साथ दिखती हैं।
CSS यूनिट कन्वर्टर का उपयोग कैसे करें
- मान लिखें और से तथा में इकाइयाँ चुनें।
- रूट फ़ॉन्ट आकार (px, rem के लिए), पैरेंट फ़ॉन्ट आकार (px, em और % के लिए) और व्यूपोर्ट की चौड़ाई व ऊँचाई समायोजित करें।
- मुख्य नतीजा कॉपी करें, या उस मान को कॉपी करने के लिए किसी भी इकाई कार्ड पर क्लिक करें।
उदाहरण
24px (root 16px)
1.5rem · 18pt · 1.25vw (1920px viewport)
CSS यूनिट कन्वर्टर का उपयोग कब करें
px वाले डिज़ाइन स्पेक को rem-आधारित CSS में बदलते समय, या यह जाँचने के लिए कि किसी स्क्रीन पर vw मान का क्या मतलब है। % सिर्फ़ font-size के लिए em के बराबर है; width या padding के लिए % कंटेनिंग ब्लॉक का संदर्भ लेता है, जो यह टूल नहीं जान सकता।
CSS यूनिट कन्वर्टर कैसे काम करता है
सब कुछ CSS पिक्सेल से होकर बदलता है। निरपेक्ष इकाइयाँ CSS के तय अनुपात इस्तेमाल करती हैं: 1in = 96px = 2.54cm = 25.4mm = 72pt = 6pc, 1Q = 0.25mm। rem रूट फ़ॉन्ट आकार से गुणा करता है, em पैरेंट फ़ॉन्ट आकार से, % पैरेंट फ़ॉन्ट आकार का प्रतिशत है (font-size की व्याख्या), vw/vh व्यूपोर्ट की चौड़ाई/ऊँचाई का 1% हैं और vmin/vmax छोटी/बड़ी भुजा लेते हैं। नतीजे 4 दशमलव तक राउंड होते हैं।
सामान्य उपयोग मामले
- डिज़ाइन सिस्टम के px आकारों को rem में बदलना
- जाँचना कि 1440px चौड़े लैपटॉप पर 5vw कितना बड़ा है
- pt या mm में प्रिंट आकारों को CSS px में बदलना
- 20px पैरेंट फ़ॉन्ट वाले कंपोनेंट के लिए em मान निकालना
अक्सर पूछे जाने वाले प्रश्न
1rem 16px क्यों है?
ब्राउज़र रूट फ़ॉन्ट आकार का डिफ़ॉल्ट 16px रखते हैं। अगर आपका CSS html { font-size: 62.5% } सेट करता है, तो रूट फ़ॉन्ट आकार में 10 डालें।
rem और em में क्या अंतर है?
rem रूट (html) फ़ॉन्ट आकार के सापेक्ष है; em पैरेंट एलिमेंट के फ़ॉन्ट आकार के सापेक्ष है, इसलिए नेस्ट होने पर वह चक्रवृद्धि होता है।
क्या cm और in स्क्रीन पर भौतिक आकार हैं?
नहीं। CSS 1in = 96px तय करता है, इसलिए ज़्यादातर स्क्रीन पर CSS सेंटीमीटर असली सेंटीमीटर नहीं होता। वे प्रिंट में सटीक हैं।