Đơn vị rem trong CSS là gì?
Còn gọi: rem, rem unit, đơn vị rem, rem css, rem và em
Rem là đơn vị đo trong CSS tính theo cỡ chữ của phần tử gốc (html); mặc định trình duyệt đặt cỡ chữ gốc là 16 px, nên 1rem thường bằng 16 px, 1.5rem bằng 24 px.
Hiểu kỹ hơn
Khác với em, vốn tính theo cỡ chữ của chính phần tử hoặc phần tử cha nên dễ bị nhân dồn khi lồng nhau, rem luôn quy về một gốc chung nên dễ kiểm soát. Lợi ích lớn nhất là tôn trọng cài đặt của người dùng: nếu ai đó tăng cỡ chữ mặc định của trình duyệt lên 20 px, mọi kích thước bằng rem sẽ lớn theo, còn kích thước cố định bằng px thì không. Vì vậy nhiều nhóm dùng rem cho cỡ chữ và khoảng cách, px cho viền mảnh. Designer vẫn thiết kế bằng px trong Figma; khi bàn giao, quy đổi bằng cách chia cho 16, ví dụ cỡ chữ 18 px là 1.125rem. Thống nhất thang khoảng cách theo bội số 4 hoặc 8 px giúp quy đổi ra rem gọn gàng.
