Đơn vị rem

Đơn vị đo lường tương đối rem thiết lập kích thước phông chữ cho phần tử phụ thuộc vào phông chữ của phần tử gốc - <html>. Ví dụ, phông chữ bằng 2rem có nghĩa là nó lớn hơn phần tử gốc hai lần.

Ví dụ

Hãy đặt phông chữ cho tiêu đề văn bản lớn hơn một lần rưỡi so với phông chữ của phần tử gốc, còn cho đoạn văn - 1rem:

html<h1>Text1</h1>
<p>text2</p>

cssbody{
  font-size: 14px;
}
h1 {
  font-size: 1.5rem;
}
p {
  font-size: 1em;
}

Результат:

Xem thêm