पिक्सेल से EM/REM कनवर्टर
px, rem, em, pt और % को लाइव तालिका और कॉपी-तैयार CSS के साथ बदलें
rem रूट फ़ॉन्ट आकार के सापेक्ष है; em और % पैरेंट के सापेक्ष हैं।
| PX | REM | EM | PT |
|---|---|---|---|
| 10 | — | — | — |
| 12 | — | — | — |
| 14 | — | — | — |
| 16 | — | — | — |
| 18 | — | — | — |
| 20 | — | — | — |
| 24 | — | — | — |
| 28 | — | — | — |
| 32 | — | — | — |
| 40 | — | — | — |
| 48 | — | — | — |
| 64 | — | — | — |
पिक्सेल से EM/REM कनवर्टर के बारे में
पिक्सेल से EM/REM कनवर्टर CSS लंबाई मानों को px, rem, em, pt और प्रतिशत के बीच अनुवादित करता है। पाँच इकाइयों में से किसी में भी एक मान दर्ज करें और एक लाइव टेबल बाकी सभी में इसका समतुल्य दिखाती है — साथ ही एक कॉपी-रेडी CSS स्निपेट जिसे आप सीधे स्टाइलशीट में पेस्ट कर सकते हैं।
रूपांतरण इस बात का सम्मान करते हैं कि CSS वास्तव में इकाइयों को कैसे हल करता है: rem रूट फ़ॉन्ट साइज़ के सापेक्ष होता है, जबकि em और % पैरेंट एलिमेंट के फ़ॉन्ट साइज़ के सापेक्ष होते हैं। दोनों संदर्भ आकार संपादन योग्य हैं, ताकि आप 14 px कंपोनेंट के साथ 16 px रूट, या अपने द्वारा उपयोग किए जाने वाले किसी भी डिज़ाइन-सिस्टम स्केल को मॉडल कर सकें।
एक सामान्य-मानों की टेबल उन आकारों को दिखाती है जिन तक डिज़ाइनर सबसे ज़्यादा पहुँचते हैं — इसलिए "24px rem में क्या है" जैसे सवालों का जवाब एक नज़र में मिल जाता है। यह टूल मुफ़्त है, टाइप करते ही अपडेट होता है, और स्थिर पिक्सेल मॉकअप को सुलभ, स्केलेबल rem-आधारित CSS में बदलने के लिए एक मुख्य आधार है।
पिक्सेल से EM/REM कनवर्टर का उपयोग कैसे करें
- बदलने के लिए मान दर्ज करें और इसकी इकाई चुनें: px, rem, em, pt या %।
- यदि वे 16 px से अलग हों तो रूट फ़ॉन्ट साइज़ (rem के लिए) और पैरेंट फ़ॉन्ट साइज़ (em और % के लिए) को समायोजित करें।
- लाइव टेबल में बदले गए मान पढ़ें।
- जनरेट किए गए CSS स्निपेट या सामान्य-मानों की टेबल से कोई भी मान कॉपी करें।