मुख्य सामग्री पर जाएँ
CrateX.app लोगो

CrateX.app

CSS इकाई परिवर्तक

रूट फ़ॉन्ट आकार, EM संदर्भ फ़ॉन्ट आकार, व्यूपोर्ट और प्रतिशत संदर्भ सेटिंग्स का उपयोग करके स्थानीय रूप से px, rem, em, %, vw, vh, vmin, vmax, pt, pc, in, cm, mm, q, ex और ch के बीच CSS इकाइयों को एक-से-एक रूपांतरित करें। CSS की एब्सोल्यूट इकाइयाँ निश्चित अनुपात 1in = 96px का उपयोग करती हैं।

px
इकाइयाँ बदलने के लिए टैप करें

लंबाई इकाइयाँ

टाइपोग्राफ़ी

व्यूपोर्ट

प्रतिशत

rem
इकाइयाँ बदलने के लिए टैप करें

लंबाई इकाइयाँ

टाइपोग्राफ़ी

व्यूपोर्ट

प्रतिशत

CSS इकाई परिवर्तक

क्विक स्टार्ट

1
मान दर्ज करें और स्रोत इकाई चुनें
2
गंतव्य इकाई चुनें या उलटने के लिए अदला-बदली इस्तेमाल करें
3
ज़रूरत पर root/EM संदर्भ/%/viewport सेट करें; EM के लिए प्रॉपर्टी का वास्तविक फ़ॉन्ट आकार उपयोग करें।
4
बदला गया परिणाम कॉपी करें
5
vw/vh जाँच के लिए व्यूपोर्ट प्रीसेट बदलें

सामान्य उपयोग के मामले

उपयोग परिदृश्य

रेस्पॉन्सिव लेआउट, डिज़ाइन‑से‑डेव हैंडऑफ़, अलग‑अलग घनत्व/प्रिंट के बीच संबंध, एकीकृत स्टाइल कन्वेंशन

उपयोग टिप्स

एक बेस तय करें: 16px root आम है, जिससे rem ↔ px का मानसिक हिसाब आसान हो जाता है
पाठ के लिए rem को प्राथमिकता दें: इससे ग्लोबल स्केलिंग और a11y आसान होती है; कम्पोनेंट‑लोकल स्केलिंग के लिए em का उपयोग करें
लेआउट अनुमान के लिए व्यूपोर्ट इकाइयों का उपयोग करें: चरम सीमाओं से बचने के लिए ब्रेकप्वाइंट और न्यूनतम/अधिकतम बाधाओं के साथ संयोजन करें
दशमलव और राउंडिंग: पढ़ने में कठिन संख्या से बचने के लिए उचित प्रिसिज़न रखें

पैरामीटर और संदर्भ

REM बेस (Root फ़ॉन्ट आकार): rem ↔ px रूपांतरण को निर्धारित करता है। वेब पर 16px आम है, जिससे मानसिक हिसाब (1rem≈16px) आसान होता है। यदि डिज़ाइन 16px पर आधारित न हो तो अस्थायी रूप से समायोजित करें।
EM संदर्भ फ़ॉन्ट आकार: वही फ़ॉन्ट आकार दर्ज करें जिसका प्रॉपर्टी वास्तव में उपयोग करती है। em आम तौर पर मौजूदा एलिमेंट के कंप्यूटेड फ़ॉन्ट आकार का उपयोग करता है; font-size और ऐसी ही फ़ॉन्ट-सापेक्ष प्रॉपर्टी के लिए पैरेंट फ़ॉन्ट आकार का उपयोग करें। इस संदर्भ का उपयोग ex/ch के अनुमानों और Font size चुने जाने पर % के लिए भी किया जाता है।
% संदर्भ: Font size / Width / Height में से संदर्भ चुनें। लेआउट के लिए Width/Height उपयुक्त हैं; टाइपोग्राफ़ी (जैसे line-height) के लिए Font size चुनें।
ब्रेकपॉइंट प्रीसेट: मोबाइल/टैबलेट/डेस्कटॉप/लार्ज भी viewport आकार सेट करते हैं ताकि अलग‑अलग चौड़ाइयों पर जल्दी अनुमान लगाया जा सके। यह केवल अनुमान के लिए है, रनटाइम मीडिया क्वेरी नहीं।
व्यूपोर्ट आकार: vw/vh/vmin/vmax और % (जब संदर्भ width/height हो) के लिए उपयोग होता है। एड्रेस बार, सेफ़‑एरिया और स्क्रोलबार के कारण वास्तविक डिवाइस मान थोड़ा भिन्न हो सकते हैं।
युक्तियाँ: 1) 16px रूट और EM संदर्भ के लिए एक सामान्य मान है, लेकिन वही फ़ॉन्ट आकार उपयोग करें जिसका प्रॉपर्टी वास्तव में उपयोग करती है; 2) ब्रेकपॉइंट बदलकर लेआउट प्रतिशत सत्यापित करें; 3) ये नियंत्रण डिज़ाइन-समय अनुमानों में मदद करते हैं और ब्राउज़र की अंतिम DOM/CSS गणना का स्थान नहीं लेते। एब्सोल्यूट इकाइयाँ हमेशा 1in = 96px का उपयोग करती हैं।

सीमाएं और संगतता

% संदर्भ CSS प्रॉपर्टी पर निर्भर करता है, जिसमें ब्लॉक और लेआउट मोड शामिल है; यह उपकरण अनुमान के लिए चुने गए फ़ॉन्ट-आकार/व्यूपोर्ट चौड़ाई/व्यूपोर्ट ऊंचाई संदर्भ का उपयोग करता है, न कि लाइव पैरेंट/कंटेनर माप का
यहाँ ex/ch, EM संदर्भ फ़ॉन्ट आकार पर आधारित अनुमान हैं; परिणाम फ़ॉन्ट मेट्रिक्स का निरीक्षण नहीं हैं और फ़ॉन्ट व ब्राउज़र के अनुसार भिन्न हो सकते हैं।
क्लासिक vw/vh/vmin/vmax स्क्रॉलबार/एड्रेस बार/सुरक्षित क्षेत्रों के साथ भिन्न होता है; यह उपकरण dvh/svh/lvh, vi/vb, सुरक्षित-क्षेत्र, या कंटेनर क्वेरी इकाइयों की गणना नहीं करता है
CSS की एब्सोल्यूट इकाइयों के रूपांतरण निश्चित अनुपात 1in = 96px का उपयोग करते हैं। स्क्रीन के भौतिक पिक्सेल को प्रिंट आकार से जोड़ने के लिए अलग डिवाइस/प्रिंट वर्कफ़्लो चाहिए, जो यह टूल उपलब्ध नहीं कराता।

गोपनीयता और सुरक्षा

प्रोसेसिंग आपके ब्राउज़र में चलती है। इनपुट मान, From/To इकाइयाँ, प्रति-इकाई कैश किए गए मान, रूट फ़ॉन्ट आकार, EM संदर्भ फ़ॉन्ट आकार, व्यूपोर्ट, प्रतिशत संदर्भ और ब्रेकपॉइंट चयन मौजूदा ब्राउज़र सत्र या ब्राउज़र स्टोरेज में रह सकते हैं। यदि आप कोई वर्कस्पेस सहेजते हैं या WebDAV सिंक चालू करते हैं, तो ये मान आपकी सिंक सेटिंग्स के अनुसार सहेजे जा सकते हैं। रूपांतरित परिणामों की मौजूदा मान, इकाइयों और संदर्भ सेटिंग्स से फिर से गणना की जाती है; उन्हें अलग परिणामों के रूप में सहेजा नहीं जाता। यह पेज URL फ़ेच नहीं करता और सर्वर-साइड रूपांतरण के लिए मान नहीं भेजता। साझा डिवाइस पर आवश्यकता होने पर मान, सेटिंग्स और साइट डेटा साफ़ करें।

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

4

अगला चरण पूरा करने के लिए इन संबंधित टूल का उपयोग करें।

हमारे बारे में

हमारे बारे में
मूल्य

कानूनी

उपयोग की शर्तें
गोपनीयता नीति
कुकी नीति

प्राथमिकताएँ

कुकीज़ प्रबंधित करें

सभी टूल की प्रोसेसिंग आपके ब्राउज़र में लोकल रूप से होती है।