Trình chuyển đổi em sang Pixel

Giới thiệu về công cụ này

em là một đơn vị độ dài CSS tương đối gắn với cỡ chữ: 1em luôn bằng font-size hiện tại của phần tử mà nó được áp dụng (hoặc, khi dùng cho chính font-size, bằng font-size của phần tử cha). Trình duyệt mặc định đặt font-size gốc đó là 16px, nên ở thiết lập mặc định 1em = 16px, và nói chung px = em × font-size gốc — một tiêu đề đặt 2em trên nền 16px hiển thị ở 32px, nhưng cũng 2em đó trên nền 18px sẽ hiển thị ở 36px.

Vì em co giãn theo font-size của người dùng hoặc của phần tử cha, đây là đơn vị mà các lập trình viên CSS thường chọn cho kiểu chữ đáp ứng và dễ tiếp cận — line-height, margin và font-size cần tăng lên khi ai đó nâng thiết lập cỡ chữ của trình duyệt. Quy đổi giữa em và pixel là bước thường xuyên khi chuyển một bản thiết kế mẫu tính bằng pixel (Figma, Sketch) thành CSS có thể co giãn và dễ tiếp cận.