Bộ chuyển đổi PX sang EM
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 theo hướng px → em. Số học có cách chia tương tự như đối với rem — pixel chia cho kích thước phông chữ tham chiếu — nhưng tham chiếu khác: em liên quan đến kích thước phông chữ của phần tử gốc (hoặc, đối với chính kích thước phông chữ, kích thước kế thừa của phần tử), không liên quan đến gốc.
Sự khác biệt đó chính xác là khi bạn tiếp cận em: phần đệm sẽ phát triển cùng với văn bản của chính thành phần, truy vấn phương tiện được viết bằng em hoặc nút có khoảng cách tăng dần khi kích thước phông chữ của nó thay đổi. Nhập kích thước phông chữ thực tế của cha mẹ vào trường cơ sở — nếu thành phần của bạn nằm trong văn bản 14px thì phần đệm 21px là 1,5em chứ không phải 1,3125em.
Kết quả đi kèm với một dòng CSS sẵn sàng sao chép và bảng tham chiếu hiển thị các kích thước pixel phổ biến được chuyển đổi theo kích thước gốc hiện tại. Mọi thứ cập nhật trực tiếp trong trình duyệt của bạn khi bạn nhập mà không có dữ liệu nào rời khỏi trang.