css rem是什么意思

作者：月冷清发布日期:2025-05-05 浏览:39


/* 使用 rem 单位设置字体大小 */
html {
  font-size: 16px; /* 设置根元素的字体大小，其他元素的 rem 值会基于此值进行计算 */
}

body {
  font-size: 1rem; /* 相当于 16px */
}

h1 {
  font-size: 2rem; /* 相当于 32px */
}

p {
  font-size: 0.875rem; /* 相当于 14px */
}

/* 解释：
rem 是相对于根元素 (html) 的字体大小来计算的。如果根元素的字体大小是 16px，
那么 1rem 就等于 16px。通过使用 rem，可以更方便地调整整个页面的字体大小，
只需要修改根元素的字体大小即可影响所有使用 rem 的元素。
*/

上一篇：css动画transition

下一篇：cssbackgroundposition属性