10px बेस के साथ PX से REM कनवर्टर
कॉपी-तैयार सीएसएस लाइन और एक लाइव संदर्भ तालिका के साथ, किसी भी आधार फ़ॉन्ट आकार पर पीएक्स को रेम, रेम को पीएक्स और पीएक्स को ईएम में कनवर्ट करें।
नतीजा
यह पृष्ठ 10px पर पूर्व निर्धारित आधार फ़ॉन्ट आकार के साथ कनवर्टर खोलता है। वह क्लासिक html {फ़ॉन्ट-आकार: 62.5% } सेटअप है: 16px ब्राउज़र का 62.5% डिफ़ॉल्ट बिल्कुल 10px है, इसलिए रेम मान तुच्छ रूप से पढ़ने योग्य हो जाते हैं - 14px 1.4rem है, 18px 1.8rem है, 24px 2.4rem है।
टीमें अजीब सोलहवें से बचने के लिए सटीक रूप से 10px आधार अपनाती हैं: यह याद रखने के बजाय कि 14px 0.875rem है, आप बस दशमलव बिंदु को स्थानांतरित करें। क्योंकि यह ट्रिक एक निश्चित पिक्सेल मान के बजाय प्रतिशत का उपयोग करती है, यह अभी भी उपयोगकर्ता द्वारा ब्राउज़र प्राथमिकताओं में निर्धारित फ़ॉन्ट आकार का सम्मान करती है, जो कि पहली जगह में रेम इकाइयों के लिए संपूर्ण पहुंच तर्क है।
कॉपी-तैयार सीएसएस लाइन के साथ 10px आधार पर इसके रेम समतुल्य प्राप्त करने के लिए कोई भी पिक्सेल मान टाइप करें, और पहले से ही परिवर्तित पूरे 1-64 px स्केल के लिए नीचे दी गई संदर्भ तालिका की जांच करें। यदि आपका प्रोजेक्ट भिन्न रूट आकार का उपयोग करता है, तो आधार फ़ील्ड बदलें और सब कुछ लाइव हो जाएगा।