ตัวสร้าง CSS Clamp

เกี่ยวกับเครื่องคำนวณนี้

เครื่องมือนี้สร้างฟังก์ชัน CSS clamp() ที่ตอบสนองได้สำหรับตัวอักษรที่ไหลลื่น — clamp(min, preferred, max) — โดยค่า preferred เป็นสมการที่คำนวณจากหน่วย vw ซึ่งปรับขนาดตัวอักษรให้ไหลลื่นระหว่างความกว้างวิวพอร์ตต่ำสุดและสูงสุด จึงหยุดขยายหรือหดเมื่อเกินขอบเขตที่คุณเลือก

นักพัฒนาฟรอนต์เอนด์ใช้มันเพื่อเลี่ยงการเขียน media query หลายจุดพักเพียงเพื่อปรับขนาดหัวข้อและข้อความเนื้อหา โดยได้กฎ CSS เพียงกฎเดียวที่ปรับขนาดได้ไหลลื่นแทน กรอกขนาดตัวอักษรต่ำสุดและสูงสุด พร้อมช่วงวิวพอร์ต เพื่อได้กฎ clamp() ที่พร้อมวางใช้งาน