Tạo CSS clamp cho kích thước linh hoạt

Tính biểu thức clamp() từ cỡ nhỏ/lớn và hai chiều rộng màn hình.

Thiết lập

Cách sử dụng

Biểu thức nội suy tuyến tính giữa hai chiều rộng, giữ giới hạn bên ngoài khoảng. Đầu ra dùng rem và vw với gốc 16px.

Thử với ví dụ

Chọn Dùng ví dụ để điền dữ liệu mẫu, rồi chọn Tạo kết quả. Điều chỉnh các trường cho phù hợp với dữ liệu thật.

Cỡ nhỏ (px):

16

Cỡ lớn (px):

32

Màn hình nhỏ (px):

360

Màn hình lớn (px):

1280

Giới hạn và cách hiểu kết quả

Kiểm tra zoom và cỡ chữ gốc của dự án; công cụ giả định 1rem = 16px khi tính.