Bộ chuyển đổi PX sang REM với đế 10px
Chuyển đổi px thành rem, rem thành px và px thành em ở bất kỳ kích thước phông chữ cơ bản nào, với dòng CSS sẵn sàng sao chép và bảng tham chiếu trực tiếp.
kết quả
Trang này mở trình chuyển đổi với kích thước phông chữ cơ bản được đặt trước là 10px. Đó là thiết lập html cổ điển { font-size: 62.5% }: 62,5% mặc định của trình duyệt 16px chính xác là 10px, vì vậy các giá trị rem trở nên dễ đọc - 14px là 1,4rem, 18px là 1,8rem, 24px là 2,4rem.
Các nhóm sử dụng cơ sở 10px một cách chính xác để tránh những phần mười sáu khó xử: thay vì nhớ rằng 14px là 0,875rem, bạn chỉ cần di chuyển dấu thập phân. Vì thủ thuật này sử dụng tỷ lệ phần trăm thay vì giá trị pixel cố định nên nó vẫn tôn trọng kích thước phông chữ mà người dùng đặt trong tùy chọn trình duyệt, vốn là toàn bộ đối số khả năng truy cập cho đơn vị rem ngay từ đầu.
Nhập bất kỳ giá trị pixel nào để có giá trị rem tương đương ở cơ sở 10px cùng với dòng CSS sẵn sàng sao chép và kiểm tra bảng tham chiếu bên dưới để biết toàn bộ thang đo 1–64 px đã được chuyển đổi. Nếu dự án của bạn sử dụng kích thước gốc khác, hãy thay đổi trường cơ sở và mọi thứ sẽ diễn ra trực tiếp.