px से rem/em कन्वर्टर
अपने root और em context font size के हिसाब से px, rem और em के बीच बदलें — किसी भी फ़ील्ड को बदलें, बाकी दोनों अपने-आप अपडेट हो जाते हैं।
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
हर conversion आपके ब्राउज़र में होती है, BroBroGo पर अपलोड नहीं होती।
अक्सर पूछे जाने वाले सवाल
px, rem और em में क्या फ़र्क़ है?
px एक तय लंबाई है। rem पेज के root font size के हिसाब से नापी जाती है, इसलिए 16px root पर 1rem = 16px होता है। em उस element के font size के हिसाब से नापी जाती है जिसमें वह होता है। font size और spacing को rem में रखने पर, पाठक के default font size बदलने पर सब कुछ उसी अनुपात में बढ़ता-घटता है।
em context size अलग से क्यों देना पड़ता है?
em अपने ही element के font size के सापेक्ष होती है, जो हमेशा root नहीं होता। सही em पाने के लिए em context को उस element के font size पर सेट करें; जब दोनों बराबर हों तो इसे root जितना ही रखें।
अगर मेरा root font size 16px न हो तो?
Root font size वाली फ़ील्ड को अपने CSS के मुताबिक़ बदलें, हर rem मान तुरंत अपडेट हो जाएगा। नीचे दी छोटी तालिका ज़्यादातर साइटों के आम 16px root के लिए एक झटपट गाइड है।