CSS इकाइयाँ·1px
1px =
0.0625rem
0.75pt

1 px कितने rem — 0.0625 rem, 0.75 pt

1 px यानी 0.0625 rem और 0.75 pt — 0.01042 इंच, 0.265 मिमी, और रूट फ़ॉन्ट साइज़ का 6.25%।

rem (आधार 16 px)
0.0625rem
pt (पॉइंट)
0.75pt
pc (पाइका)
0.0625pc
आधार का प्रतिशत
6.25%
इंच
0.01042in
मिलीमीटर
0.265mm
सेंटीमीटर
0.0265cm

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

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

पास के आकार

pxrem (आधार 16 px)pt (पॉइंट)
1px0.0625rem0.75pt
2px0.125rem1.5pt
3px0.1875rem2.25pt
4px0.25rem3pt

स्क्रीन पर 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. 1 px कितने rem हैं?

0.0625 rem — यानी 1 बटा 16।

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

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

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

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

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

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