CSS Clamp Calculator

Tạo fluid typography với CSS clamp()

New
CSS Property

Typography

Spacing

Sizing

Khác

Presets
Giá trị
Viewports
CSS Code
1
font-size: clamp(1rem, 0.636rem + 1.818vw, 2rem);
Xem trước
200px
1920px

Giá trị hiện tại:

24.15px / 1.5091rem

Văn bản mẫu
Aa Bb Cc 123

Cách hoạt động

Giới thiệu công cụ

CSS Clamp Calculator online. Tạo responsive font size tự động scale theo viewport. Fluid typography cho web hiện đại.

Hướng dẫn sử dụng

  1. 1

    Mở công cụ

    Truy cập trang CSS Clamp Calculator trên Toolbox Online

  2. 2

    Nhập dữ liệu

    Nhập hoặc dán dữ liệu cần xử lý vào ô input

  3. 3

    Xử lý

    Nhấn nút thực hiện để công cụ xử lý dữ liệu của bạn

  4. 4

    Sao chép kết quả

    Sao chép kết quả hoặc tải xuống nếu cần

Câu hỏi thường gặp

css clampfluid typographyresponsive fontclamp calculatorcss responsive