rem và em khác nhau thế nào?

rem luôn tương đối với cỡ chữ của phần tử gốc (html); em tương đối với cỡ chữ của chính phần tử hiện tại. Công cụ này xử lý cả hai dựa trên cỡ cơ sở bạn nhập, vì đó là trường hợp thường gặp (không có em lồng nhau làm thay đổi tỷ lệ).

Tại sao cỡ chữ cơ sở lại quan trọng?

rem và em đều là đơn vị tương đối — 1rem bằng cỡ chữ cơ sở tính bằng pixel, nên cùng một giá trị rem có thể quy đổi sang số pixel khác nhau tùy cỡ cơ sở.

Trình chuyển đơn vị CSS (px, rem, em)

Chuyển đổi giữa các đơn vị CSS px, rem và em với bất kỳ cỡ chữ cơ sở nào.

Value

Unit

Base font size (px)

px 16px

rem 1rem

em 1em

Related tools

How it works

1
Nhập giá trị và đơn vị
px, rem hoặc em.
2
Đặt cỡ chữ cơ sở
Mặc định là 16 px, mức mặc định phổ biến của trình duyệt.
3
Xem cả ba đơn vị cùng lúc
px, rem và em được chuyển đổi ngay lập tức.

FAQ

rem và em khác nhau thế nào?: rem luôn tương đối với cỡ chữ của phần tử gốc (html); em tương đối với cỡ chữ của chính phần tử hiện tại. Công cụ này xử lý cả hai dựa trên cỡ cơ sở bạn nhập, vì đó là trường hợp thường gặp (không có em lồng nhau làm thay đổi tỷ lệ).
Tại sao cỡ chữ cơ sở lại quan trọng?: rem và em đều là đơn vị tương đối — 1rem bằng cỡ chữ cơ sở tính bằng pixel, nên cùng một giá trị rem có thể quy đổi sang số pixel khác nhau tùy cỡ cơ sở.