पिक्सेल / REM / EM कनवर्टर
CSS यूनिट px, rem और em के बीच तुरंत कनवर्ट करें। एक कस्टम बेस फॉन्ट साइज सेट करें और एक हैंडी रेफरेंस टेबल प्राप्त करें। मुफ्त ऑनलाइन CSS यूनिट कनवर्टर।
| px | rem | em |
|---|---|---|
| 4px | 0.25rem | 0.25em |
| 8px | 0.5rem | 0.5em |
| 10px | 0.625rem | 0.625em |
| 12px | 0.75rem | 0.75em |
| 14px | 0.875rem | 0.875em |
| 16px | 1rem | 1em |
| 18px | 1.125rem | 1.125em |
| 20px | 1.25rem | 1.25em |
| 24px | 1.5rem | 1.5em |
| 28px | 1.75rem | 1.75em |
| 32px | 2rem | 2em |
| 40px | 2.5rem | 2.5em |
| 48px | 3rem | 3em |
| 64px | 4rem | 4em |
अक्सर पूछे जाने वाले प्रश्न
px, rem और em के बीच क्या अंतर है?
px (पिक्सेल) पूर्ण इकाइयां हैं — 1x स्केल पर 1px हमेशा एक भौतिक पिक्सेल के बराबर होता है। rem (रूट em) रूट <html> एलिमेंट के फॉन्ट साइज के सापेक्ष है, आमतौर पर डिफ़ॉल्ट रूप से 16px। em एलिमेंट के पैरेंट के फॉन्ट साइज के सापेक्ष है, जो नेस्टेड एलिमेंट में अप्रत्याशित रूप से cascade और गुणित हो सकता है।
फॉन्ट साइज के लिए px के बजाय rem का उपयोग क्यों करना चाहिए?
rem का उपयोग उपयोगकर्ताओं को अपने ब्राउज़र के डिफ़ॉल्ट फॉन्ट साइज को बदलकर पूरी साइट को स्केल करने की अनुमति देता है। यह कम दृष्टि वाले उपयोगकर्ताओं के लिए एक्सेसिबिलिटी में सुधार करता है। px ब्राउज़र फॉन्ट साइज प्राथमिकताओं को अनदेखा करता है, जबकि rem और em उनका सम्मान करते हैं।
मुझे किस बेस फॉन्ट साइज का उपयोग करना चाहिए?
डिफ़ॉल्ट ब्राउज़र फॉन्ट साइज 16px है, जो सबसे सामान्य बेस है। कुछ डेवलपर गणना आसान बनाने के लिए html एलिमेंट पर 62.5% (10px) सेट करते हैं (1rem = 10px)। हालांकि, यह उपयोगकर्ता प्राथमिकताओं को ओवरराइड कर सकता है और एक्सेसिबिलिटी को नुकसान पहुंचा सकता है।