Công cụ chuyển đổi PX sang REM | Công cụ phát triển trực tuyến

Bộ chuyển đổi PX ↔ REM

Kích thước phông chữ cơ sở: px

PX → REM

—

REM → PX

rem

—

Bảng tham chiếu

px	rem	em

Sự khác biệt giữa PX và REM là gì?

PX (pixel) là đơn vị tuyệt đối — luôn được hiển thị với cùng kích thước vật lý. REM (root em) là đơn vị tương đối dựa trên kích thước phông chữ của phần tử gốc (thường là 16px mặc định trong các trình duyệt). Sử dụng REM giúp dễ dàng xây dựng các bố cục có thể truy cập và có thể mở rộng, tôn trọng tùy chọn kích thước phông chữ của người dùng.

Cách sử dụng công cụ chuyển đổi PX sang REM

Đặt kích thước phông chữ cơ sở (mặc định là 16px — phù hợp với hầu hết các trình duyệt).
Nhập giá trị pixel để xem giá trị REM tương đương.
Hoặc nhập giá trị REM để chuyển đổi lại thành pixel.
Sử dụng bảng tham chiếu bên dưới để chuyển đổi kích thước phổ biến.

Công thức: rem = px ÷ kích thước phông chữ cơ sở. Đối với cơ sở mặc định 16px: 1rem = 16px, 0.5rem = 8px, 1.5rem = 24px. Tất cả các phép tính được thực hiện ngay lập tức trong trình duyệt của bạn.

Keywords: chuyển đổi px sang rem, rem sang px, pixel sang rem, chuyển đổi đơn vị CSS, chuyển đổi kích thước phông chữ, thiết kế responsive, máy tính rem