मुख्य सामग्री पर जाएँ
वर्ल्ड कप किकऑफ समय कन्वर्टर अब उपलब्ध हैअपने समय क्षेत्र में किकऑफ देखें और कैलेंडर रिमाइंडर जोड़ें।
CrateX.app लोगो

CrateX.app

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

रूट फ़ॉन्ट आकार, मूल फ़ॉन्ट आकार, व्यूपोर्ट, डीपीआई और प्रतिशत संदर्भ सेटिंग्स के साथ स्थानीय रूप से px, rem, em, %, vw, vh, vmin, vmax, pt, cm, mm, q, ex, और ch के बीच CSS इकाइयों को एक-से-एक कनवर्ट करें।

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

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

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

व्यूपोर्ट

प्रतिशत

Root फ़ॉन्ट आकार के सापेक्ष (rem)
rem
इकाइयाँ बदलने के लिए टैप करें

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

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

व्यूपोर्ट

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

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

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

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

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

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

उपयोग टिप्स

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

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

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

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

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

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

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

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

4

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

संसाधन

मार्गदर्शिकाएँ

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

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

कानूनी

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

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

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

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