PX से REM और पंक्ति ऊँचाई
- फ़ाइलें आपके डिवाइस से बाहर नहीं जातीं
- ब्राउज़र में चलता है
- मुफ़्त, बिना खाते, बिना वॉटरमार्क
Converter
Type in any box, the rest follow.Preview
Typography is the craft of making language visible. A good line length and generous leading let the eye glide from one line to the next without losing its place.
Common sizes
Click a row to load it into the converter.| px | rem | em | pt | vw | Line-height |
|---|---|---|---|---|---|
| 10 | 0.625 | 0.625 | 7.5 | 0.694 | 1.7 |
| 12 | 0.75 | 0.75 | 9 | 0.833 | 1.65 |
| 13 | 0.8125 | 0.8125 | 9.75 | 0.903 | 1.63 |
| 14 | 0.875 | 0.875 | 10.5 | 0.972 | 1.6 |
| 15 | 0.9375 | 0.9375 | 11.25 | 1.042 | 1.57 |
| 16 | 1 | 1 | 12 | 1.111 | 1.55 |
| 18 | 1.125 | 1.125 | 13.5 | 1.25 | 1.52 |
| 20 | 1.25 | 1.25 | 15 | 1.389 | 1.5 |
| 24 | 1.5 | 1.5 | 18 | 1.667 | 1.4 |
| 28 | 1.75 | 1.75 | 21 | 1.944 | 1.32 |
| 32 | 2 | 2 | 24 | 2.222 | 1.25 |
| 36 | 2.25 | 2.25 | 27 | 2.5 | 1.23 |
| 40 | 2.5 | 2.5 | 30 | 2.778 | 1.2 |
| 48 | 3 | 3 | 36 | 3.333 | 1.15 |
| 56 | 3.5 | 3.5 | 42 | 3.889 | 1.13 |
| 64 | 4 | 4 | 48 | 4.444 | 1.1 |
| 72 | 4.5 | 4.5 | 54 | 5 | 1.09 |
| 96 | 6 | 6 | 72 | 6.667 | 1.05 |
Type scale
Fluid type with clamp()
Text grows smoothly between two viewport widths and stays fixed outside them.
font-size: clamp(1rem, 0.8239rem + 0.7512vw, 1.5rem);
The quick brown fox
PX से REM और पंक्ति ऊँचाई का उपयोग कैसे करें
अपने मूल और पैरेंट फ़ॉन्ट आकार से px, rem, em, pt, % और vw के बीच बदलें, और किसी भी आकार के लिए अनुशंसित पंक्ति ऊँचाई तथा पंक्ति लंबाई पाएँ। पृष्ठ मॉड्यूलर प्रकार स्केल और प्रतिक्रियाशील पाठ के लिए fluid clamp() नियम भी बनाता है।
- 1
संदर्भ के अंतर्गत मूल फ़ॉन्ट आकार, पैरेंट फ़ॉन्ट आकार और व्यूपोर्ट चौड़ाई सेट करें।
- 2
कनवर्टर में किसी भी बॉक्स में मान टाइप करें; अन्य इकाइयाँ साथ चलती हैं।
- 3
उस आकार के लिए अनुशंसित पंक्ति-ऊँचाई और आरामदायक पंक्ति लंबाई पढ़ें।
- 4
वैकल्पिक: अनुपात से प्रकार स्केल, या clamp() नियम वाला तरल प्रकार बनाएँ, और CSS कॉपी करें।
अक्सर पूछे जाने वाले प्रश्न
1rem कितने पिक्सेल है?
1rem मूल (<html>) फ़ॉन्ट आकार के बराबर है, जिसे ब्राउज़र डिफ़ॉल्ट रूप से 16 px सेट करते हैं। यदि आपकी साइट अलग आधार उपयोग करती है तो मूल फ़ॉन्ट आकार बदलें।
rem और em में क्या अंतर है?
rem मूल फ़ॉन्ट आकार के सापेक्ष है; em और % पैरेंट तत्व के फ़ॉन्ट आकार के सापेक्ष हैं। em सही बदलने के लिए पैरेंट फ़ॉन्ट आकार सेट करें।
पंक्ति ऊँचाई कैसे चुनी जाती है?
यह आम टाइपोग्राफ़िक अभ्यास का अनुसरण करती है: बॉडी पाठ के लिए लगभग 1.5 और बड़े शीर्षकों के लिए कसकर। 4 px ग्रिड पर स्नैप किया संस्करण भी दिखाया जाता है।
clamp() जनरेटर क्या करता है?
यह ऐसा फ़ॉन्ट-आकार लिखता है जो दो व्यूपोर्ट चौड़ाई के बीच न्यूनतम और अधिकतम आकार के बीच सहज बढ़ता है और उनके बाहर स्थिर रहता है। व्यूपोर्ट चौड़ाई सिम्युलेट करें किसी भी चौड़ाई पर परिणाम दिखाता है।
क्या मैं प्रिंट के लिए पॉइंट बदल सकता हूँ?
हाँ। pt CSS अनुपात 72 pt से 96 px उपयोग करता है, इसलिए 12 pt, 16 px के बराबर है।