CSS इकाइयाँ·30px
30px =
1.875rem
22.5pt

30 px कितने rem — 1.875 rem, 22.5 pt

30 px यानी 1.875 rem और 22.5 pt — 0.3125 इंच, 7.938 मिमी, और रूट फ़ॉन्ट साइज़ का 187.5%।

rem (आधार 16 px)
1.875rem
pt (पॉइंट)
22.5pt
pc (पाइका)
1.875pc
आधार का प्रतिशत
187.5%
इंच
0.3125in
मिलीमीटर
7.938mm
सेंटीमीटर
0.7938cm

rem 16 से क्यों बँटता है

क्योंकि ब्राउज़र की डिफ़ॉल्ट रूट फ़ॉन्ट साइज़ 16 px है और rem उसी का गुणज है। पाठक ब्राउज़र में अक्षर बड़े करे तो केवल rem में लिखे हिस्से बढ़ते हैं — px में जड़े हिस्से वैसे ही रहते हैं।

पास के आकार

pxrem (आधार 16 px)pt (पॉइंट)
27px1.6875rem20.25pt
28px1.75rem21pt
29px1.8125rem21.75pt
30px1.875rem22.5pt
31px1.9375rem23.25pt
32px2rem24pt
33px2.0625rem24.75pt

स्क्रीन पर pt और इंच भी पिक्सेल ही हैं

CSS एक इंच को 96 px और एक पॉइंट को 1/72 इंच मानता है। इसलिए 16 px ठीक 12 pt है — पर स्क्रीन पर पैमाना रखिए तो वह "इंच" इंच नहीं निकलेगा।

सबसे आम आकार

मुख्य पाठ 16, छोटा पाठ 14, स्पेसिंग 8, 24 और 32 — यही मान बार-बार लौटते हैं।

कैसे पढ़ें

  • rem = px ÷ 16, क्योंकि ब्राउज़र रूट फ़ॉन्ट साइज़ 16 px रखते हैं।
  • pt = px × 0.75, क्योंकि CSS एक इंच को 96 px और एक पॉइंट को 1/72 इंच मानता है।
  • एक pc बराबर 12 pt, और एक इंच बराबर 96 px तथा 72 pt।
  • पाठ और स्पेसिंग के लिए rem; बॉर्डर जैसी पतली रेखाओं के लिए px रहने दें।

अक्सर पूछे जाने वाले सवाल

Q. 30 px कितने rem हैं?

1.875 rem — यानी 30 बटा 16।

Q. 30 px कितने pt हैं?

22.5 pt। एक पॉइंट 1/72 इंच और एक इंच 96 px होता है, इसलिए 0.75 से गुणा।

Q. यह वास्तविक लंबाई में कितना है?

0.3125 इंच, यानी 7.938 मिमी — हालाँकि स्क्रीन पर रखा पैमाना इससे सहमत नहीं होगा।

Q. प्रतिशत में?

रूट फ़ॉन्ट साइज़ का 187.5%।