เครื่องกำเนิดแคลมป์ขนาดตัวอักษรของไหล ()
คำนวณค่าแคลมป์ CSS ของเหลวจริงจากขนาดขั้นต่ำและขนาดสูงสุดบนความกว้างวิวพอร์ตสองรายการ โดยจะแสดงความชันและจุดตัดกันทีละขั้นตอน พร้อมแสดงตัวอย่างการปรับขนาดแบบเรียลไทม์
ผลลัพธ์
หน้านี้จะเปิดเครื่องคิดเลขด้วยการตั้งค่าขนาดตัวอักษรของเหลวสำหรับใช้งานทั่วไปที่กรอกไว้แล้ว: 16px ที่วิวพอร์ต 320px สูงสุด 24px ที่วิวพอร์ต 1280px นั่นคือช่วงขนาดตัวเครื่องที่สะดวกสบายไปจนถึงขนาดใหญ่กว่าเล็กน้อย ซึ่งปรับขนาดได้อย่างราบรื่นจากหน้าจอโทรศัพท์ทั่วไปไปจนถึงหน้าต่างเดสก์ท็อปทั่วไป และนี่คือการตั้งค่าที่คนส่วนใหญ่หมายถึงเมื่อพวกเขาค้นหาแคลมป์ขนาดฟอนต์แบบไหลลื่น() ตั้งแต่แรก
ตัวเลขสี่ตัวเปิดให้เปลี่ยนแปลงได้: เพิ่มขนาดสูงสุดสำหรับส่วนหัวแทนข้อความเนื้อหา หรือจำกัดช่วงวิวพอร์ตให้แคบลง หากการออกแบบจำเป็นต้องโค้งงอระหว่างแท็บเล็ตและเบรกพอยต์ของเดสก์ท็อปเท่านั้น ไม่ว่าคุณจะป้อนอะไรก็ตาม ความชันและจุดตัดของแกน y จะถูกคำนวณใหม่ในลักษณะเดียวกัน และแสดงเป็นเลขคณิตที่ชัดเจน ซึ่งไม่ได้ซ่อนอยู่ในบรรทัดสุดท้าย
ด้านล่างอินพุตทั้งสี่ตัว แถบเลื่อนความกว้างวิวพอร์ตจะแสดงตัวอย่างแบบสดเพื่อให้มองเห็นขนาดได้ทันที และเส้นแคลมป์ () ที่พร้อมทำสำเนาก็ทำได้เพียงคลิกเดียว การสลับหน่วยเอาต์พุตระหว่าง rem และ px จะคำนวณทุกตัวเลขใหม่โดยไม่ต้องแตะค่าขนาดต่ำสุดและสูงสุดด้วยตนเอง