หน่วย rem

หน่วยการวัดแบบสัมพัทธ์ rem กำหนดขนาดฟอนต์ให้กับองค์ประกอบ โดยขึ้นอยู่กับฟอนต์ขององค์ประกอบราก - <html> ตัวอย่างเช่น ฟอนต์ที่มีค่าเท่ากับ 2rem หมายความว่ามันใหญ่ กว่าองค์ประกอบรากสองเท่า

ตัวอย่าง

มาลองกำหนดฟอนต์ให้กับข้อความหัวเรื่องให้มีขนาดหนึ่งเท่าครึ่ง ของขนาดฟอนต์องค์ประกอบราก และให้กับย่อหน้า - 1rem:

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

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

Результат:

ดูเพิ่มเติม

หน่วย px,
ซึ่งกำหนดขนาดเป็นพิกเซล
หน่วย fr,
ซึ่งกำหนดขนาดเป็น fr
หน่วย em,
ซึ่งกำหนดขนาดเป็น em
หน่วย %,
ซึ่งกำหนดขนาดเป็นเปอร์เซ็นต์
หน่วย vw,
ซึ่งกำหนดขนาดเป็น vw
หน่วย vh,
ซึ่งกำหนดขนาดเป็น vh
หน่วย vmax,
ซึ่งกำหนดขนาดเป็น vmax
หน่วย vmin,
ซึ่งกำหนดขนาดเป็น vmin