Loại bỏ hiện tượng nhảy cỡ chữ đột ngột của media query bằng cách co giãn cỡ chữ mượt mà giữa khung nhìn di động và máy tính.
Xác định phạm vi cỡ chữ
Nhập cỡ chữ tối thiểu (ví dụ: 16px) và cỡ chữ tối đa (ví dụ: 32px).
Thiết lập giới hạn khung nhìn
Chỉ định giới hạn khung nhìn dưới (ví dụ: 375px) và giới hạn khung nhìn trên (ví dụ: 1440px).
Sao chép mã clamp()
Nhấp vào nút sao chép để lấy đoạn mã CSS clamp() đã tạo.
Tính toán chính xác hệ số góc và giao điểm trục y theo rem và vw để nội suy tuyến tính cỡ chữ khi thay đổi kích thước trình duyệt.
Xuất các câu lệnh CSS một dòng gọn gàng, sẵn sàng để sao chép trực tiếp vào cấu hình Tailwind hoặc tệp stylesheet của bạn.
Có, CSS clamp() được hỗ trợ toàn diện trên tất cả các trình duyệt web hiện đại phổ biến.
Việc kết hợp rem với vw vừa giúp co giãn linh hoạt vừa tôn trọng cài đặt thu phóng phông chữ của người dùng để hỗ trợ khả năng tiếp cận.