การตั้งค่าขนาดตัวอักษรตอบสนอง (Responsive) ด้วย CSS

หน่วย vw (viewport width)

ใช้หน่วย vw เพื่อกำหนดขนาดตัวอักษรที่ปรับตามความกว้างของวิวพอร์ต 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>