पीएक्स से आरईएम कनवर्टर

रेम इकाइयां लेआउट को सुलभ रखती हैं - वे उपयोगकर्ता की फ़ॉन्ट आकार प्राथमिकता के साथ स्केल करते हैं - लेकिन कोई भी पूरे दिन अपने दिमाग में 16 से विभाजित नहीं करना चाहता है। यह कनवर्टर अंकगणित को लाइव करता है: दिशा चुनें (पीएक्स → रेम, रेम → पीएक्स या पीएक्स → ईएम), मान टाइप करें, और परिणाम कॉपी-तैयार सीएसएस लाइन जैसे फ़ॉन्ट-आकार: 0.875rem के साथ तुरंत दिखाई देता है।

बेस फ़ॉन्ट आकार फ़ील्ड टूल को किसी भी प्रोजेक्ट के लिए उपयुक्त बनाता है। ब्राउज़र डिफ़ॉल्ट 16px है, इसलिए 1rem बॉक्स से बाहर 16px के बराबर है, लेकिन कई कोडबेस 1rem को 10px के बराबर बनाने के लिए html {फ़ॉन्ट-आकार: 62.5% } सेट करते हैं - आधार के रूप में 10 दर्ज करें और प्रत्येक रूपांतरण और तालिका पंक्ति अनुसरण करती है। पीएक्स → एम दिशा रूट के बजाय मूल तत्व के फ़ॉन्ट आकार के खिलाफ समान गणित का उपयोग करती है, जो सीएसएस में एम और रेम के बीच बिल्कुल अंतर है।

परिणाम के नीचे, एक संदर्भ तालिका सबसे सामान्य डिज़ाइन आकार दिखाती है - 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 और 64 पिक्सेल - पहले से ही आपके वर्तमान आधार पर परिवर्तित हो गए हैं, आधार से मेल खाने वाली पंक्ति पर प्रकाश डाला गया है। यह वह चीट शीट है जिसे आप अन्यथा अपने मॉनिटर पर टेप करके रखेंगे, हमेशा उस आधार के साथ समन्वयित रहेगा जिसका आप वास्तव में उपयोग करते हैं।

जैसे ही आप टाइप करते हैं आपके ब्राउज़र में सब कुछ स्थानीय रूप से होता है: कोई अपलोड नहीं, कोई साइन-अप नहीं, कोई सर्वर राउंड-ट्रिप नहीं। रेम → px, px → em, 10px आधार और 14, 24 और 32 px जैसे लोकप्रिय मानों के लिए प्रीसेट पेज उन सटीक प्रश्नों के लिए तैयार-कॉन्फ़िगर किए गए कनवर्टर को खोलते हैं।