สี & ดีไซน์

สร้าง clamp() ปรับขนาดตัวอักษรอัตโนมัติตามความกว้างจอ

คำนวณค่า clamp() ที่ทำให้ขนาดตัวอักษรโตเชิงเส้นระหว่างจอเล็กและจอใหญ่โดยไม่ต้องเขียน media query พร้อมกราฟและตัวอย่างสดตามความกว้างจอที่เลือก

วิธีใช้

  1. ใส่ขนาดต่ำสุดและสูงสุดเป็น px
  2. ใส่ความกว้างจอที่เริ่มโตและหยุดโต
  3. คัดลอกบรรทัด font-size: clamp(...) ไปใช้

คำถามที่พบบ่อย

ทำไมใช้ rem ร่วมกับ vw?

vw อย่างเดียวผู้ใช้ซูมตัวอักษรไม่ได้ การรวมกับ rem ทำให้ยังเคารพการตั้งค่าของผู้ใช้

ใช้กับ margin หรือ padding ได้ไหม?

ได้ ใส่ขนาดต่ำสุดและสูงสุดของระยะห่างแทนขนาดตัวอักษร สูตรเหมือนกัน

เจอปัญหา? แจ้งเครื่องมือนี้