Công cụ: Chuyển Đổi PX Sang REM & EM CSS. 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
Quy đổi kích thước pixel sang đơn vị tương đối rem và em dựa trên Root Font Size (mặc định 16px của trình duyệt).
Đ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
Ví dụ 24px, 32px hoặc 48px.
Mặc định của hầu hết trình duyệt là 16px (1rem = 16px).
Sao chép đoạn code REM để sử dụng trong stylesheet.
Minh bạch công thức và phương pháp tính toán chuẩn
Giá trị REM = Giá trị PX / Root Font Size (PX). Giá trị EM tính tương tự nhưng phụ thuộc vào phần tử cha trực tiếp.
| Pixel (PX) | REM (với Root 16px) | Class Kích Thước Tailwind | Ứng Dụng |
|---|---|---|---|
| 12 px | 0.75 rem | text-xs / p-3 | Chú thích, Badge nhỏ |
| 16 px | 1.0 rem | text-base / p-4 | Cỡ chữ thân văn bản tiêu chuẩn |
| 24 px | 1.5 rem | text-2xl / p-6 | Tiêu đề thẻ H3 |
| 32 px | 2.0 rem | text-3xl / p-8 | Tiêu đề chính H1/H2 |
Giải đáp các thắc mắc phổ biến về tiện ích này