ข้ามไปยังเนื้อหา
เครื่องมือแปลงไฟล์

สร้าง CSS Clamp

สร้าง CSS clamp ที่ปรับขนาดอย่างต่อเนื่องระหว่างขนาดและความกว้าง viewport สองจุด

แปลงในเบราว์เซอร์ · ไม่ต้องสมัครสมาชิก

ข้อมูลใช้หน่วยพิกเซล ขนาดต่ำสุดต้องไม่เกินขนาดสูงสุด และความกว้างวิวพอร์ตต้องเพิ่มขึ้น ผลลัพธ์ใช้พจน์ vw แบบเชิงเส้น

ข้อมูลนำเข้าสูงสุด 100,000 หน่วย UTF-16 และผลลัพธ์สูงสุด 1,000,000 หน่วย ดูรูปแบบที่รองรับและตัวอย่างด้านล่าง

ผลลัพธ์

ป้อนข้อมูลหรือโหลดตัวอย่าง แล้วเรียกใช้เครื่องมือ ผลลัพธ์จะแสดงที่นี่

วิธีใช้

  1. สร้าง CSS clamp ที่ปรับต่อเนื่องระหว่างสองขนาดและความกว้างวิวพอร์ต
  2. เลือกโหมดหรือตัวเลือก แล้วเรียกใช้เครื่องมือ
  3. ตรวจสอบผลลัพธ์ แล้วคัดลอกหรือดาวน์โหลดไฟล์ TXT

ตัวอย่าง

16→24 px ที่วิวพอร์ต 320→1280 px → clamp(16px, 13.333333px + 0.833333vw, 24px)

รายละเอียดและข้อจำกัด

ข้อความจะอยู่ในเบราว์เซอร์ของคุณ โดยไม่ส่งไปยังเซิร์ฟเวอร์แปลงข้อมูล

แหล่งอ้างอิงรูปแบบไฟล์

อัปเดตหน้าเครื่องมือเมื่อ: