Trình tạo CSS clamp

Giới thiệu về công cụ này

Công cụ này tạo ra một hàm CSS clamp() đáp ứng cho kiểu chữ linh hoạt — clamp(min, preferred, max) — trong đó giá trị preferred là một biểu thức tính toán dựa trên vw, giúp cỡ chữ của bạn thay đổi mượt mà giữa một chiều rộng khung nhìn tối thiểu và tối đa, để nó ngừng tăng hoặc giảm vượt quá giới hạn bạn đã chọn.

Nhà phát triển front-end dùng nó để tránh phải viết nhiều điểm ngắt media-query chỉ để thay đổi cỡ tiêu đề và nội dung văn bản, mà có được một quy tắc CSS duy nhất thay đổi linh hoạt. Nhập cỡ chữ tối thiểu và tối đa cùng khoảng khung nhìn của bạn để có một quy tắc clamp() sẵn sàng để dán vào.