CSS से रिस्पॉन्सिव फॉन्ट साइज सेट करें

vw (viewport width) यूनिट का उपयोग

रिस्पॉन्सिव फॉन्ट साइज सेट करने के लिए vw (viewport width) यूनिट का उपयोग किया जाता है। 1vw व्यूपोर्ट की चौड़ाई का 1% होता है। इससे टेक्स्ट स्क्रीन साइज के अनुसार अपने आप एडजस्ट हो जाता है।

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      h1 {
        font-size: 8vw;
      }
    </style>
  </head>
  <body>
    <h1>This is demo heading</h1>
    <p>This is demo text.</p>
  </body>
</html>

सुझाव: बहुत छोटे व्यूपोर्ट पर टेक्स्ट पढ़ने लायक न रह जाए, इसके लिए min-font-size के साथ clamp() फंक्शन का उपयोग करें (आधुनिक CSS में)।