CSS यूनिट कनवर्टर (px / rem / em / pt)

यह कैसे काम करता है

एक विशिष्ट फ्रंट-एंड इंटीग्रेशन उपयोग: एक Figma मॉकअप सभी आकारों को पिक्सेल (16px, 24px, 32px...) में व्यक्त करता है, लेकिन एक्सेसिबिलिटी के सर्वोत्तम अभ्यास CSS के लिए rem जैसी सापेक्ष इकाइयों का उपयोग करने की सलाह देते हैं, ताकि उपयोगकर्ता द्वारा ब्राउज़र की डिफ़ॉल्ट फ़ॉन्ट आकार बढ़ाने पर टेक्स्ट सही ढंग से बड़ा हो। मॉकअप पर पढ़ा गया पिक्सेल मान दर्ज करें, साइट की सामान्य फ़ॉन्ट आकार (डिफ़ॉल्ट 16px) के साथ 'px' से 'rem' चुनें, और परिणाम सीधे अपने CSS में चिपकाएँ।

आधार फ़ॉन्ट आकार की आवश्यकता क्यों है?

rem और em सापेक्ष इकाइयाँ हैं: 1rem मूल तत्व (html) के फ़ॉन्ट आकार के बराबर है, जबकि 1em वर्तमान तत्व के फ़ॉन्ट आकार के बराबर है। इस संदर्भ आकार (आमतौर पर ब्राउज़र में डिफ़ॉल्ट 16px, लेकिन कभी-कभी स्टाइलशीट द्वारा बदला जाता है) को जाने बिना, px से या px में परिवर्तित करना असंभव है। इसीलिए यह उपकरण आपसे संदर्भ के रूप में उपयोग करने के लिए आधार फ़ॉन्ट आकार निर्दिष्ट करने को कहता है।

rem और em में क्या अंतर है?

rem ('रूट em') हमेशा दस्तावेज़ के मूल तत्व के फ़ॉन्ट आकार के सापेक्ष गणना की जाती है, जिससे यह एक पृष्ठ पर हर जगह पूर्वानुमानित होती है। em निकटतम मूल तत्व के फ़ॉन्ट आकार के सापेक्ष गणना की जाती है, जो संचित हो सकती है। यह उपकरण दोनों को उसी प्रकार संभालता है, जिस आधार आकार को आप सामान्य संदर्भ के रूप में बताते हैं उसका उपयोग करके।

रूपांतरण पूरी तरह से आपके ब्राउज़र में WebAssembly के माध्यम से चलता है: आपके मान कभी भी किसी सर्वर को नहीं भेजे जाते हैं।