PX से REM कनवर्टर

PX से REM गाइड

REM (root em) एक CSS इकाई है जो दस्तावेज़ के रूट फ़ॉन्ट आकार (आमतौर पर 16px) के सापेक्ष होती है। चूँकि rem मान उपयोगकर्ता की ब्राउज़र फ़ॉन्ट सेटिंग्स के साथ स्केल होते हैं, rem से बने डिज़ाइन हर डिवाइस पर सुलभ और आनुपातिक बने रहते हैं — निश्चित पिक्सेल मानों के विपरीत।

पिक्सेल मान दर्ज करें और उसका rem समकक्ष देखें, या वापस बदलने के लिए rem मान टाइप करें। अपने प्रोजेक्ट के अनुसार बेस फ़ॉन्ट आकार समायोजित करें (कुछ डिज़ाइन सिस्टम 10px या 20px रूट उपयोग करते हैं)। तालिका सबसे सामान्य आकारों को कवर करती है, और विज़ुअल तुलना दिखाती है कि दोनों इकाइयाँ समान रूट आकार पर एक जैसी दिखती हैं।

Pro Tips

• अपने स्पेसिंग स्केल को भी rem में बदलें — जब उपयोगकर्ता फ़ॉन्ट आकार बदलता है तो मार्जिन, पैडिंग और गैप टेक्स्ट के साथ स्केल होते हैं, जिससे लय बनी रहती है।
• जब तक आपका डिज़ाइन सिस्टम स्पष्ट रूप से न बदले, बेस को 16px पर रखें। रूट को 10px करने से ब्राउज़र फ़ॉन्ट स्केलिंग पर निर्भर उपयोगकर्ताओं की पहुँच टूट जाती है।