CSS यूनिट कन्वर्टर

CSS यूनिट कन्वर्टर क्या है?

CSS यूनिट कन्वर्टर एक निःशुल्क इन-ब्राउज़र टूल है जो किसी एकल CSS लंबाई को सात सामान्य इकाइयों में बदलता है: px, rem, em, pt, %, vw और vh। फ़्रंट-एंड डेवलपर और वेब डिज़ाइनर इसका उपयोग किसी लेआउट को निरपेक्ष पिक्सेल और रिस्पॉन्सिव इकाइयों के बीच ले जाने, यह जाँचने कि किसी कस्टम रूट फ़ॉन्ट आकार पर rem कितने पिक्सेल के बराबर होता है, या प्रिंट-शैली के pt मान को स्क्रीन पिक्सेल में बदलने के लिए करते हैं। चूँकि rem रूट फ़ॉन्ट आकार पर निर्भर करता है, em और % पैरेंट फ़ॉन्ट आकार पर निर्भर करते हैं, और vw/vh व्यूपोर्ट पर निर्भर करते हैं, कन्वर्टर इन चारों को समायोज्य सेटिंग्स के रूप में प्रस्तुत करता है। कोई मान टाइप करें, उसकी स्रोत इकाई चुनें, और हर परिणाम फ़ील्ड एक साथ अपडेट हो जाती है। पेस्ट-के-लिए-तैयार एक CSS स्निपेट सभी सात समतुल्यों को font-size घोषणाओं के रूप में सूचीबद्ध करता है।

CSS यूनिट कन्वर्टर का उपयोग कैसे करें

1. सेटिंग्स खोलें और रूट फ़ॉन्ट आकार (वह html font-size जिस पर rem आधारित है), पैरेंट फ़ॉन्ट आकार (em और % के लिए), और व्यूपोर्ट की चौड़ाई व ऊँचाई (vw और vh के लिए) सेट करें।
2. जिस संख्या को बदलना चाहते हैं उसे मान इनपुट में टाइप करें।
3. "From" ड्रॉपडाउन से स्रोत इकाई चुनें: px, rem, em, pt, %, vw या vh।
4. लेबल वाली, केवल-पढ़ने योग्य परिणाम फ़ील्ड में प्रत्येक समतुल्य पढ़ें; जब आप मान, इकाई या कोई भी सेटिंग बदलते हैं तो ये सभी स्वतः फिर से गणना हो जाती हैं।
5. उत्पन्न CSS स्निपेट को कॉपी करें ताकि सभी सात font-size समतुल्यों को सीधे अपनी स्टाइलशीट में पेस्ट कर सकें।

उदाहरण

रूट 16px, मान 16, From px

rem = 1

रूट 10px, मान 2, From rem

px = 20

मान 16, From px

pt = 12

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

यह किन इकाइयों के बीच बदलता है?

सात CSS लंबाई इकाइयाँ: px, rem, em, pt, %, vw और vh। इनमें से कोई भी स्रोत हो सकती है, और सातों समतुल्य एक ही समय में दिखाए जाते हैं।

मुझे रूट, पैरेंट और व्यूपोर्ट आकार क्यों सेट करने पड़ते हैं?

ये इकाइयाँ सापेक्ष हैं। rem रूट (html) फ़ॉन्ट आकार का गुणज है, em और % पैरेंट फ़ॉन्ट आकार के सापेक्ष हैं, और vw/vh व्यूपोर्ट की चौड़ाई व ऊँचाई के प्रतिशत हैं। इन्हें सेटिंग्स में निर्धारित करने से कन्वर्टर को पता चलता है कि प्रत्येक सापेक्ष इकाई किसमें परिवर्तित होती है।

pt को कैसे संभाला जाता है?

CSS परिभाषित करता है कि 96px = 1in = 72pt, इसलिए 1pt 4/3 px के बराबर है और 1px 0.75pt के बराबर है। कन्वर्टर इस निश्चित अनुपात का उपयोग करता है, जो फ़ॉन्ट आकार या व्यूपोर्ट से स्वतंत्र है।

यदि कोई मान या सेटिंग अमान्य हो तो क्या होता है?

यदि मान कोई परिमित संख्या नहीं है, या यदि रूट, पैरेंट या व्यूपोर्ट आकारों में से कोई अनुपस्थित, शून्य या ऋणात्मक है, तो परिणाम फ़ील्ड एक डैश (—) दिखाती हैं जब तक आप मान्य संख्याएँ नहीं देते।

क्या कुछ सर्वर पर भेजा जाता है?

नहीं। सभी रूपांतरण पूरी तरह आपके ब्राउज़र में क्लाइंट-साइड चलते हैं, बिना किसी अपलोड और बिना किसी सर्वर कॉल के, इसलिए आपके द्वारा दर्ज किए गए मान कभी आपके डिवाइस से बाहर नहीं जाते।