px से rem कन्वर्टर: px, rem, pt, em, mm
अंतिम अपडेट:
rem इसी साइज़ के हिसाब से नापा जाता है, और यहाँ em और % भी। CSS में ये पैरेंट एलिमेंट के हिसाब से चलते हैं, इसलिए ये rem के बराबर तभी होते हैं जब कोई पैरेंट फ़ॉन्ट साइज़ न बदले।
1 px = 0.0625 remसभी परिणाम
झटपट तालिका: पिक्सेल → rem (रूट em)
| मान (px) | परिणाम (rem) |
|---|---|
| 1 px | 0.0625 rem |
| 8 px | 0.5 rem |
| 10 px | 0.625 rem |
| 12 px | 0.75 rem |
| 14 px | 0.875 rem |
| 16 px | 1 rem |
| 18 px | 1.125 rem |
| 20 px | 1.25 rem |
| 24 px | 1.5 rem |
| 32 px | 2 rem |
| 48 px | 3 rem |
| 64 px | 4 rem |
px, rem और pt के बारे में
CSS 1 इंच को 96 px पर तय करती है, इसलिए 1 pt, जो 1/72 इंच है, 1.333 px के बराबर है और 1 mm 3.78 px के बराबर है। rem और em सापेक्ष इकाइयाँ हैं: 1 rem रूट फ़ॉन्ट साइज़ है, जो सभी प्रमुख ब्राउज़रों में 16 px होता है जब तक विज़िटर उसे न बदले, इसलिए 24 px का मान 1.5 rem है। अगर स्टाइलशीट कोई और रूट साइज़ तय करती है, तो उसे फ़ील्ड के ऊपर बेस में दर्ज करें। em पैरेंट एलिमेंट के फ़ॉन्ट साइज़ के हिसाब से चलता है, इसलिए वह rem के बराबर तभी होता है जब कोई पैरेंट उसे न बदले।
आम टेक्स्ट और एलिमेंट के साइज़
डिफ़ॉल्ट बेस 16 px पर। CSS 1 इंच को 96 px पर तय करती है, इसलिए pt और mm वाले कॉलम किसी भी बेस पर वही रहते हैं; केवल rem वाला कॉलम बेस के साथ बदलता है।
| साइज़ | rem | pt | mm |
|---|---|---|---|
| 10 pt का टेक्स्ट (फ़ुटनोट) | 0.8333 | 10 | 3.528 |
| ब्राउज़र का डिफ़ॉल्ट टेक्स्ट साइज़ | 1 | 12 | 4.233 |
| वर्ड प्रोसेसर में 12 pt का टेक्स्ट | 1 | 12 | 4.233 |
| डिफ़ॉल्ट h2 शीर्षक | 1.5 | 18 | 6.35 |
| WCAG 2.2 (2.5.8) में सबसे छोटा टारगेट साइज़ | 1.5 | 18 | 6.35 |
| डिफ़ॉल्ट h1 शीर्षक | 2 | 24 | 8.467 |
| 1 सेंटीमीटर | 2.362 | 28.35 | 10 |
| 1 इंच | 6 | 72 | 25.4 |
पॉइंट और पिक्सेल का इतिहास
स्क्रीन आने से बहुत पहले अक्षरों का आकार पॉइंट में नापा जाता था: टाइप-फ़ाउंडरों को कतार में बैठने वाले अक्षर ढालने के लिए एक ही इकाई चाहिए थी। कंप्यूटरों ने पॉइंट को 1/72 इंच पर तय कर दिया।
- पियरे-सिमों फ़ूर्निए ने टाइपोग्राफ़िक पॉइंट में नापे गए टाइप-आकारों की एक तालिका प्रकाशित की, जिसके पैमाने में इंच को 12 पंक्तियों में और हर पंक्ति को 6 पॉइंट में बाँटा गया था।
- संयुक्त राज्य के टाइप-फ़ाउंडरों के संघ ने टाइप की बॉडी के लिए पॉइंट प्रणाली अपनाई, जिसमें नॉनपैरील (nonpareil) 6 पॉइंट का और पाइका 12 का होता है।
- Adobe ने PostScript पेश किया, जिसमें पन्ने पर लंबाई की इकाई 1/72 इंच है: Adobe के शब्दों में, छपाई में इस्तेमाल होने वाले पॉइंट के लगभग बराबर।
- CSS 2.1 W3C की अनुशंसा (Recommendation) बन गई। यह 1 इंच को 96 px और 72 pt पर तय करती है, इसलिए 1 px का मान 0.75 pt है। पिक्सेल का आधार हाथ भर की दूरी से देखी गई 96 dpi स्क्रीन का एक बिंदु है।
स्रोत: