Công cụ: Tính Kích Thước Viewport Responsive. Danh mục: Lập trình. Nhóm: Code Converter. Nền tảng: BOP.INK. Xử lý trực tiếp trên trình duyệt, không lưu dữ liệu, miễn phí 100%.
Đang khởi tạo tiện ích trực tiếp trên trình duyệt...
Riêng tư trên máy
Hỗ trợ lập trình viên Frontend tính toán tỷ lệ khung hình màn hình, chuyển đổi giữa Breakpoints Tailwind (sm, md, lg, xl, 2xl) và sinh mã hàm CSS clamp() cho Fluid Typography.
Đang khởi tạo tiện ích trực tiếp trên trình duyệt...
Các bước thao tác đơn giản và chuẩn xác nhất
Điền độ phân giải màn hình tính bằng Pixel (ví dụ 1920 x 1080).
Điền cỡ chữ nhỏ nhất trên Mobile (16px) và lớn nhất trên Desktop (24px).
Nhận đoạn mã CSS clamp() sẵn sàng dán vào mã nguồn CSS.
Minh bạch công thức và phương pháp tính toán chuẩn
clamp(MIN, VAL, MAX): VAL = MinSize + (MaxSize - MinSize) * ((100vw - MinWidth) / (MaxWidth - MinWidth)).
| Breakpoints Tailwind | Chiều Rộng Tối Thiểu | Thiết Bị Tương Ứng |
|---|---|---|
| sm | 640px | Điện thoại ngang, tablet nhỏ |
| md | 768px | iPad, Máy tính bảng đứng |
| lg | 1024px | Laptop nhỏ, iPad Pro |
| xl / 2xl | 1280px / 1536px | Màn hình Desktop PC chuẩn |
Giải đáp các thắc mắc phổ biến về tiện ích này