ตัวสร้าง CSS clamp

วิธีใช้ ตัวสร้าง CSS clamp

ตัวสร้าง CSS clamp. ส่งออกเป็น rem และ vw ตั้งขนาดตัวอักษรรากของหน้า ตัวอย่างจำลองความกว้างที่เลือก

1. เปลี่ยนสี ข้อความ หรือตัวเลขด้านบน
2. เปรียบเทียบตัวอย่างขณะปรับการตั้งค่า
3. คัดลอกผลลัพธ์หรือดาวน์โหลดลงอุปกรณ์

ตัวสร้าง CSS clamp · ตัวอย่าง

{
  "min": 16,
  "max": 32,
  "start": 320,
  "end": 1280,
  "root": 16,
  "viewport": 800,
  "text": "LocalKit"
}

font-size: clamp(1rem, 0.66667rem + 1.66667vw, 2rem);

หมายเหตุการใช้งาน

ไฟล์และข้อมูลเข้าประมวลผลในเบราว์เซอร์นี้ ไม่ต้องอัปโหลดหรือมีบัญชี

ส่งออกเป็น rem และ vw ตั้งขนาดตัวอักษรรากของหน้า ตัวอย่างจำลองความกว้างที่เลือก