Trình tạo Kẹp kích thước phông chữ linh hoạt()
Tính toán giá trị CSS kẹp() thực tế linh hoạt từ kích thước tối thiểu và tối đa trên hai chiều rộng khung nhìn, với độ dốc và giao điểm được hiển thị từng bước và bản xem trước thay đổi kích thước trực tiếp.
kết quả
Trang này mở máy tính với thiết lập kích thước phông chữ linh hoạt cho mục đích chung đã được điền sẵn: 16px ở khung nhìn 320px lên đến 24px ở khung nhìn 1280px. Đó là phạm vi thoải mái từ kích thước cơ thể đến lớn hơn một chút, có thể điều chỉnh mượt mà từ màn hình điện thoại thông thường đến cửa sổ máy tính để bàn thông thường và đó là thiết lập mà hầu hết mọi người muốn nói đến khi họ tìm kiếm một kích thước phông chữ linh hoạt kẹp() ngay từ đầu.
Bốn số có thể thay đổi: tăng kích thước tối đa cho tiêu đề thay vì nội dung văn bản hoặc thu hẹp phạm vi khung nhìn nếu thiết kế chỉ cần linh hoạt giữa máy tính bảng và điểm dừng trên máy tính để bàn. Bất kể bạn nhập gì, giao điểm độ dốc và trục y đều được tính toán lại theo cùng một cách và được hiển thị dưới dạng số học rõ ràng, không bị ẩn bên trong dòng cuối cùng.
Bên dưới bốn đầu vào, một thanh trượt có chiều rộng khung nhìn sẽ điều khiển bản xem trước trực tiếp để tỷ lệ hiển thị ngay lập tức và chỉ cần một cú nhấp chuột là bạn có thể thấy dòng kẹp() sẵn sàng sao chép. Việc chuyển đổi đơn vị đầu ra giữa rem và px sẽ tính toán lại mọi số mà không cần chạm vào các giá trị kích thước tối thiểu và tối đa.