Về danh sách công cụ

Màu sắc · Tất cả công cụ

Tạo CSS clamp

Tạo CSS clamp. Xuất rem và vw. Đặt cỡ chữ gốc của trang. Xem trước mô phỏng chiều rộng đã chọn.

…

Tệp và dữ liệu nhập được xử lý trong trình duyệt này. Không tải lên hay cần tài khoản.

Tính năng hỗ trợ

Đầu vào: Tùy chọn
Đầu ra: CSS · Tùy chọn

Cách dùng Tạo CSS clamp

Tạo CSS clamp. Xuất rem và vw. Đặt cỡ chữ gốc của trang. Xem trước mô phỏng chiều rộng đã chọn.

Đổi màu, chữ hoặc số ở trên.
So sánh xem trước khi chỉnh cài đặt.
Sao chép kết quả hoặc tải về thiết bị.

Tạo CSS clamp · Ví dụ

Đầu vào

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

Đầu ra

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

Lưu ý sử dụng

Tệp và dữ liệu nhập được xử lý trong trình duyệt này. Không tải lên hay cần tài khoản.

Xuất rem và vw. Đặt cỡ chữ gốc của trang. Xem trước mô phỏng chiều rộng đã chọn.