ตัวสร้าง CSS clamp

ตัวสร้าง CSS clamp – เครื่องมือฟรีที่ทำงานในเบราว์เซอร์ของคุณทั้งหมด ไม่ต้องอัปโหลดไฟล์หรือสมัครสมาชิก

การประมวลผลในท้องถิ่น

Min size (rem)

Max size (rem)

Viewport min (px)

Viewport max (px)

Output CSS

clamp(1rem, calc(1rem + (2 - 1) * ((100vw - 320px) / (1200 - 320))), 2rem)

วิธีใช้

ป้อนข้อมูลของคุณด้านบน ผลลัพธ์จะอัปเดตโดยอัตโนมัติ ใช้ปุ่มคัดลอกเพื่อคัดลอกผลลัพธ์

การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ ข้อมูลของคุณจะไม่ถูกอัพโหลดไปยังเซิร์ฟเวอร์ใด ๆ

ใช่. clamp() รองรับ Chrome, Edge, Firefox และ Safari เวอร์ชันปัจจุบันทั้งหมด รวมถึงเบราว์เซอร์มือถือ

ไม่ ทุกอย่างทำงานภายในเบราว์เซอร์ของคุณ ข้อมูลที่คุณป้อนจะไม่ออกจากอุปกรณ์ของคุณ

ใช่. อินเทอร์เฟซตอบสนองและใช้งานได้กับเบราว์เซอร์มือถือสมัยใหม่โดยไม่ต้องติดตั้งแอป