Chuyển đến nội dung
Công cụ chuyển đổi

Công cụ tạo hàm clamp trong CSS

Tạo CSS clamp co giãn giữa hai kích thước và hai chiều rộng khung nhìn.

Chuyển đổi trong trình duyệt · Không cần đăng ký

Đầu vào dùng đơn vị pixel. Kích thước tối thiểu không được vượt quá tối đa, và chiều rộng vùng hiển thị phải tăng dần. Đầu ra sử dụng số hạng vw tuyến tính.

Tối đa 100.000 đơn vị mã UTF-16 cho mỗi đầu vào và 1.000.000 cho mỗi kết quả. Xem các định dạng được hỗ trợ và ví dụ bên dưới.

Kết quả

Nhập dữ liệu hoặc tải ví dụ rồi chạy công cụ. Kết quả sẽ xuất hiện ở đây.

Cách sử dụng

  1. Tạo biểu thức CSS clamp thay đổi linh hoạt giữa hai kích thước và hai chiều rộng vùng hiển thị.
  2. Chọn chế độ hoặc tùy chọn, rồi chạy công cụ.
  3. Kiểm tra kết quả, rồi sao chép hoặc tải tệp TXT xuống.

Ví dụ

16→24 px với vùng hiển thị 320→1280 px → clamp(16px, 13.333333px + 0.833333vw, 24px)

Chi tiết và giới hạn

Văn bản được giữ trong trình duyệt của bạn; không được gửi đến máy chủ chuyển đổi.

Tài liệu tham khảo về định dạng

Trang công cụ được cập nhật: