इसका इस्तेमाल कैसे करें
- मान में एक साइज़ लिखें, और बदलें के नीचे दिशा चुनें, जैसे px से rem।
- बेस फ़ॉन्ट साइज़ (px) देखें। अपनी साइट रूट एलिमेंट पर जो साइज़ तय करती है, वही लें; 16 px ब्राउज़र का डिफ़ॉल्ट है।
- बदलने वाला CSS में CSS चिपकाएँ, और CSS के px को बदलें में rem या em चुनें।
- बदली हुई लंबाइयों वाला CSS कॉपी करें, या बदलने की तालिका में कोई साइज़ देखें।
px, rem और em एक दूसरे से कैसे जुड़े हैं
px स्क्रीन पर एक निरपेक्ष लंबाई है। rem रूट एलिमेंट (html एलिमेंट) के फ़ॉन्ट साइज़ का गुणज है, और em उस एलिमेंट के फ़ॉन्ट साइज़ का गुणज है जहाँ वह इस्तेमाल होता है। दोनों इकाइयाँ बेस फ़ॉन्ट साइज़ का अनुसरण करती हैं, इसलिए अगर बेस 16 px है, तो 1 rem 16 px है।
px को rem में बदलने के लिए बेस से भाग दें। rem या em को वापस px में बदलने के लिए बेस से गुणा करें। एक ही बेस साइज़ पर rem और em एक ही संख्या देते हैं; वे तभी अलग होते हैं जब किसी पैरेंट एलिमेंट का फ़ॉन्ट साइज़ बेस न हो।
rem = px ÷ बेस फ़ॉन्ट साइज़; px = rem × बेस फ़ॉन्ट साइज़CSS कन्वर्टर क्या बदलता है और क्या नहीं
px के बाद आने वाली हर संख्या बदली जाती है, ऋणात्मक मान और .5px जैसे दशमलव भी। संख्याएँ CSS की माँग के अनुसार बिंदु से लिखी जाती हैं, ज्यादा से ज्यादा चार दशमलव और बिना अंत के शून्य। शून्य लंबाई बिना इकाई के 0 बन जाती है, जिसे CSS स्वीकार करता है।
कन्वर्टर CSS के अर्थ को नहीं देखता। टिप्पणी या स्ट्रिंग में आने वाला px मान, जैसे content में लिखा 10px, भी बदला जाता है। url() की सामग्री छोड़ दी जाती है, इसलिए px पर खत्म होने वाला फ़ाइल नाम नहीं बदला जाता। इस्तेमाल से पहले परिणाम जरूर जाँचें।
- फ़ॉन्ट साइज़, स्पेसिंग और चौड़ाई के लिए rem इस्तेमाल करें, जो तब बढ़नी चाहिए जब विज़िटर टेक्स्ट का साइज़ बदले।
- पतली बॉर्डर के लिए 1 px रखें, क्योंकि कुछ स्क्रीन पर rem मान धुंधली लाइन में बदल सकता है।
हल किया हुआ उदाहरण: 16 px बेस पर 18 px का मुख्य टेक्स्ट
18 को 16 से भाग दें तो 1.125 आता है, इसलिए font-size: 18px बन जाता है font-size: 1.125rem। 40 px का margin 2.5rem बनता है, क्योंकि 40 ÷ 16 = 2.5 है।
उसी 24 px का बेस 10 px पर 2.4 rem है, और तालिका दिखाती है कि बेस 16 px हो तो 24 px 1.5 rem है। डिफ़ॉल्ट उदाहरण के CSS स्निपेट में छह px लंबाइयाँ हैं; सभी छह बदली जाती हैं और गिनती 6 दिखाती है।
अक्सर पूछे जाने वाले सवाल
बेस फ़ॉन्ट साइज़ 16 px क्यों है?
ज्यादातर ब्राउज़र रूट एलिमेंट का डिफ़ॉल्ट फ़ॉन्ट साइज़ 16 px रखते हैं, इसलिए जब तक साइट कोई और साइज़ तय न करे, 1 rem 16 px होता है। html एलिमेंट पर आपकी साइट जो मान तय करती है, वही लिखें।
rem और em में क्या अंतर है?
rem रूट एलिमेंट के फ़ॉन्ट साइज़ पर आधारित है, इसलिए पूरे पेज पर एक जैसा रहता है। em उस एलिमेंट के फ़ॉन्ट साइज़ पर आधारित है जहाँ वह इस्तेमाल होता है, इसलिए नेस्टेड एलिमेंट में साइज़ बदल जाता है। एक ही बेस पर संख्याएँ बराबर होती हैं।
क्या हर px मान को rem में बदलना चाहिए?
हमेशा नहीं। कई स्क्रीन पर 1 px की बॉर्डर px में ज्यादा तेज दिखती है, और कुछ छोटे विवरण तय साइज़ में बेहतर लगते हैं। टेक्स्ट के साइज़, स्पेसिंग और लेआउट की चौड़ाई के लिए rem इस्तेमाल करें, जो विज़िटर की सेटिंग के साथ बढ़ें।
मेरे CSS के कुछ px मान क्यों नहीं बदले गए?
px मान तभी बदला जाता है जब वह अकेली लंबाई के रूप में खड़ा हो। url() के अंदर के मान, और 10pxx या 10px-2 जैसे टेक्स्ट जो सादी लंबाई नहीं हैं, वैसे ही छोड़ दिए जाते हैं। कोई असामान्य मान हो तो उसे खुद जाँचें।
तालिका 64 px पर क्यों रुकती है?
इसमें वे साइज़ हैं जिन्हें डिज़ाइनर सबसे ज्यादा इस्तेमाल करते हैं। किसी और साइज़ के लिए उसे मान वाले बॉक्स में लिखें और दिशा चुनें।
स्रोत
आँकड़े और टेक्स्ट आखिरी बार मंगलवार, 10 नवंबर 2026 को जाँचे गए।