CSS इकाइयाँ·10px
10px =
0.625rem
7.5pt

10 px कितने rem — 0.625 rem, 7.5 pt

10 px यानी 0.625 rem और 7.5 pt — 0.10417 इंच, 2.646 मिमी, और रूट फ़ॉन्ट साइज़ का 62.5%।

rem (आधार 16 px)
0.625rem
pt (पॉइंट)
7.5pt
pc (पाइका)
0.625pc
आधार का प्रतिशत
62.5%
इंच
0.10417in
मिलीमीटर
2.646mm
सेंटीमीटर
0.2646cm

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

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

पास के आकार

pxrem (आधार 16 px)pt (पॉइंट)
7px0.4375rem5.25pt
8px0.5rem6pt
9px0.5625rem6.75pt
10px0.625rem7.5pt
11px0.6875rem8.25pt
12px0.75rem9pt
13px0.8125rem9.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. 10 px कितने rem हैं?

0.625 rem — यानी 10 बटा 16।

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

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

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

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

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

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