PX से REM कन्वर्टर

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

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

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

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