परिणाम केवल जानकारी के उद्देश्य से दिए गए हैं और उनमें त्रुटियाँ हो सकती हैं। महत्वपूर्ण जानकारी की स्वतंत्र रूप से पुष्टि करें। इस टूल का उपयोग आपके अपने जोखिम पर है।
यह टूल क्या करता है
CSS यूनिट कन्वर्टर किसी लंबाई को px, rem, em, pt और % के बीच बदलता है। एक मान डालें, उसकी यूनिट चुनें और बेस फ़ॉन्ट साइज़ सेट करें (डिफ़ॉल्ट 16px, जो ब्राउज़र तब तक इस्तेमाल करते हैं जब तक यूज़र इसे न बदले), और पेज वही लंबाई पाँचों यूनिट्स में दिखा देता है।
कन्वर्शन CSS स्पेसिफ़िकेशन के अनुसार होते हैं: 1rem रूट फ़ॉन्ट साइज़ के बराबर है, इसलिए 16px बेस पर 1.5rem 24px होता है। एक पॉइंट इंच का 1/72 है और एक CSS पिक्सल 1/96, इसलिए 12pt 16px होता है। यहाँ em और % की गणना उसी बेस के आधार पर होती है, जो ऐसे एलिमेंट पर सेट किए गए फ़ॉन्ट साइज़ से मेल खाता है जिसका पैरेंट रूट साइज़ इस्तेमाल करता है। आपके ब्राउज़र से कुछ भी बाहर नहीं जाता।
कब इस्तेमाल करें
- डिज़ाइन मॉक-अप के पिक्सल मानों को
remमें बदलना, ताकि टेक्स्ट यूज़र की फ़ॉन्ट सेटिंग्स के साथ स्केल हो। - पॉइंट में तय किए गए प्रिंट स्टाइलशीट या PDF डिज़ाइन को बदलना।
- किसी और की CSS संभालते समय यह जाँचना कि
%फ़ॉन्ट साइज़ असल में कितना बनता है। - ऐसा टाइप स्केल बनाना जिसके हर स्टेप के लिए साफ़
remमान चाहिए।
उदाहरण
इनपुट
24px, बेस 16pxआउटपुट
px 24.000
rem 1.5000
em 1.5000
pt 18.000
% 150.00%इस टूल के बारे में सवाल
फ़ॉन्ट साइज़ के लिए rem इस्तेमाल करूँ या px?
फ़ॉन्ट साइज़ और ज़्यादातर स्पेसिंग के लिए rem इस्तेमाल करें। जब कोई पढ़ने में आसानी के लिए अपने ब्राउज़र में डिफ़ॉल्ट फ़ॉन्ट साइज़ बढ़ाता है, तो rem मान उसके साथ बढ़ते हैं, जबकि px मान स्थिर रहते हैं।
rem और em में क्या अंतर है?
rem हमेशा रूट (html) फ़ॉन्ट साइज़ के सापेक्ष होता है। em मौजूदा एलिमेंट के फ़ॉन्ट साइज़ के सापेक्ष होता है, इसलिए नेस्टेड एलिमेंट्स में यह गुणा होता जाता है: 1.2em के अंदर 1.2em बेस का 1.44 गुना होता है। कन्वर्टर दोनों की गणना आपके डाले गए बेस के आधार पर करता है।
1pt, 1px के बराबर क्यों नहीं है?
CSS में एक इंच 96 पिक्सल का तय है और एक पॉइंट इंच का 1/72 है, इसलिए 1pt 1.333px होता है। इसलिए वर्ड प्रोसेसर में 12-पॉइंट टेक्स्ट वेब पर 16px के बराबर आकार का होता है।
मुझे कौन-सा बेस साइज़ डालना चाहिए?
16 डालें, जब तक आपकी स्टाइलशीट कोई अलग रूट साइज़ सेट न करती हो, जैसे html { font-size: 62.5%; }, जिससे बेस 10px हो जाता है। html एलिमेंट का जो भी साइज़ बनता है, वही डालें।
क्या यह टूल मुफ़्त है?
हाँ, यह मुफ़्त है। पंजीकरण या ईमेल की ज़रूरत नहीं। परिणाम इसी पेज पर मिलता है।
मेरा परिणाम कहाँ मिलेगा?
इसी पेज पर टूल का उपयोग करें। परिणाम यहीं दिखता है, ईमेल से प्राप्त करने की ज़रूरत नहीं है।