📐
Miễn phí CSS clamp() Generator
Generate a fluid CSS clamp() value for responsive typography and spacing. Set min/max size and viewport range, see a live preview, and copy the one-line CSS.
Runs in your browserNo sign-up, no pop-upsKhông cần đăng nhậpMiễn phí mãi mãi
Output unit:
CSS value
font-size: clamp(1rem, 1.5023vw + 0.6479rem, 2rem);
Rendered size at different viewports
375px wideAa 16px
908px wideAa 24px
1440px wideAa 32px
💡 clamp(min, preferred, max) scales a value fluidly with the viewport, then locks at the min and max. It replaces stacks of media queries for typography, spacing, and widths with a single line.
Optimize for your platform
Cách hoạt động
1
Nhập liệu
Nhập văn bản hoặc dữ liệu của bạn.
2
Xử lý
Được xử lý ngay lập tức trong trình duyệt của bạn. Không có máy chủ, không chờ đợi.
3
Tải xuống
Lưu kết quả của bạn. Không có gì được lưu trữ.
Tại sao chọn của chúng tôi?
✓Completely free — no hidden costs, ever
✓No account, email, or login required
✓Runs entirely in your browser — no uploads
✓Works on any device — phone, tablet, desktop
✓Open and ad-supported, with no tracking
✓Loads fast, with no installation needed
Công cụ liên quan
Phổ biến
Tạo mã QR
Tạo mã QR cho URL, văn bản, WiFi và nhiều hơn nữa. Không có hình mờ.
Thử ngay
Phổ biến🎨
Chọn màu và tạo bảng màu
Chọn màu, chuyển đổi HEX/RGB/HSL và tạo bảng màu hài hòa.
Thử ngay
Phổ biến🔐
Trình tạo mật khẩu
Tạo mật khẩu mạnh, ngẫu nhiên với độ dài, loại ký tự và loại trừ tùy chỉnh. Không có giới hạn, không có thông tin đăng nhập.
Thử ngay
Công cụ này có hữu ích không?