Bộ chuyển đổi PX sang REM

Các đơn vị Rem giúp bố cục có thể truy cập được — chúng mở rộng theo tùy chọn kích thước phông chữ của người dùng — nhưng không ai muốn chia cho 16 trong đầu cả ngày. Bộ chuyển đổi này thực hiện phép tính số học trực tiếp: chọn hướng (px → rem, rem → px hoặc px → em), nhập giá trị và kết quả xuất hiện ngay lập tức cùng với dòng CSS sẵn sàng sao chép, chẳng hạn như cỡ chữ: 0.875rem.

Trường kích thước phông chữ cơ bản giúp công cụ phù hợp với bất kỳ dự án nào. Mặc định của trình duyệt là 16px, do đó, 1rem bằng 16px ngay từ đầu, nhưng nhiều cơ sở mã đặt html { font-size: 62.5% } để biến 1rem bằng 10px — nhập 10 làm cơ sở và mọi chuyển đổi và hàng của bảng sẽ theo sau. Hướng px → em sử dụng cùng một phép toán đối với kích thước phông chữ của phần tử gốc thay vì gốc, đây chính xác là sự khác biệt giữa em và rem trong CSS.

Bên dưới kết quả, một bảng tham chiếu hiển thị các kích thước thiết kế phổ biến nhất — 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 và 64 pixel — đã được chuyển đổi ở cơ sở hiện tại của bạn, với hàng khớp với cơ sở được đánh dấu. Nếu không thì đó là bảng ghi chú mà bạn sẽ dán vào màn hình của mình, luôn đồng bộ với đế mà bạn thực sự sử dụng.

Mọi thứ diễn ra cục bộ trong trình duyệt của bạn khi bạn nhập: không tải lên, không đăng ký, không cần quay vòng máy chủ. Các trang cài sẵn cho rem → px, px → em, cơ sở 10px và các giá trị phổ biến như 14, 24 và 32 px mở trình chuyển đổi được định cấu hình sẵn cho những câu hỏi chính xác đó.