Chuyển đổi px / rem / em

Chuyển đổi nhanh giữa px, rem, em, pt, vw — kèm bảng scale đầy đủ và class Tailwind tương ứng

px
px

Nhập giá trị

px

Kết quả chuyển đổi

px
16
rem
1
em
1
pt
12
vw
1.1111

CSS snippet

font-size: 1rem;

Điểm nổi bật

Các điểm đáng chú ý nhất của công cụ này để bạn nắm nhanh trước khi dùng.

#01

Chuyển đổi đa đơn vị

Hỗ trợ chuyển đổi qua lại giữa px, rem, em, pt và vw chỉ trong một bước nhập liệu.

#02

Bảng thang đo 21 kích thước

Hiển thị bảng đầy đủ 21 kích thước preset từ 8px đến 96px cùng giá trị tương ứng ở mọi đơn vị.

#03

Ánh xạ class Tailwind

Tự động gợi ý class Tailwind CSS phù hợp nhất với kích thước bạn đang cần.

#04

Tuỳ chỉnh base font-size & viewport

Điều chỉnh font-size gốc và chiều rộng viewport để kết quả tính toán khớp chính xác với dự án của bạn.

Cách sử dụng

Làm theo từng bước để dùng công cụ nhanh và đúng intent ngay từ lần đầu.

1

Nhập giá trị cần chuyển đổi

Gõ số vào ô nhập liệu và chọn đơn vị nguồn (px, rem, em, pt hoặc vw).

2

Đọc kết quả tức thì

Tất cả giá trị tương đương ở các đơn vị còn lại hiển thị ngay lập tức bên dưới.

3

Tham khảo bảng thang đo

Cuộn xuống xem bảng 21 preset kích thước để nhanh chóng so sánh và chọn giá trị phù hợp.

4

Điều chỉnh cài đặt nếu cần

Thay đổi base font-size (mặc định 16px) hoặc viewport width nếu dự án dùng cấu hình khác.

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

Những câu hỏi gặp nhiều nhất khi dùng công cụ, được trình bày ngắn gọn và dễ quét.

rem là đơn vị tương đối so với font-size gốc của trang, giúp giao diện co giãn theo cài đặt chữ của người dùng và dễ duy trì hơn px tuyệt đối.