เครื่องกำเนิดสเกลชนิดของเหลว
คำนวณค่าแคลมป์ CSS ของเหลวจริงจากขนาดขั้นต่ำและขนาดสูงสุดบนความกว้างวิวพอร์ตสองรายการ โดยจะแสดงความชันและจุดตัดกันทีละขั้นตอน พร้อมแสดงตัวอย่างการปรับขนาดแบบเรียลไทม์
ผลลัพธ์
หน้านี้จะเปิดเครื่องคิดเลขโดยตรงในโหมดมาตราส่วนประเภทที่มีฐาน 16px และอัตราส่วน 1.25 (หลักที่สาม) ที่เลือกไว้แล้ว ซึ่งเป็นจุดเริ่มต้นที่มั่นคงและใช้กันอย่างแพร่หลายสำหรับมาตราส่วนการพิมพ์ จากตัวเลขสองตัวนี้เพียงอย่างเดียว จะสามารถสร้างขนาดได้หกขนาด: เล็ก, ฐาน, h4, h3, h2 และ h1 โดยแต่ละขนาดมีค่าแคลมป์() ของเหลวของตัวเอง แทนที่จะเป็นขนาดคงที่เพียงขนาดเดียว
ทุกขั้นตอนจะรักษาขนาดฐานไว้ที่ค่าเดียวกันทั้งบนมือถือและเดสก์ท็อป ในขณะที่ส่วนหัวจะขยายขนาดในวิวพอร์ตเดสก์ท็อปที่กว้างกว่าบนวิวพอร์ตบนมือถือแบบแคบ — แนวคิดเดียวกับการเลือกอัตราส่วนที่เบากว่าสำหรับหน้าจอขนาดเล็กและอัตราส่วนที่โดดเด่นยิ่งขึ้นสำหรับหน้าจอขนาดใหญ่ ซึ่งได้มาโดยอัตโนมัติจากอัตราส่วนเดียวที่คุณเลือก
การเปลี่ยนอัตราส่วนเป็น 1.125, 1.2, 1.333 หรือ 1.5 จะสร้างทั้งตารางใหม่ทันที และปุ่มที่อยู่ด้านล่างจะคัดลอกค่า Clamp() ทั้งหกค่าเป็นบล็อกพร้อมวางของคุณสมบัติที่กำหนดเองของ CSS สำหรับส่วนที่เหลือของสไตล์ชีตเพื่ออ้างอิง