Q30
★ ★ ★ ★ ★
CSS 单位有哪些?
⚡ 速记答案(30 秒)
绝对:px、cm、mm、in。相对字体:em、rem。相对视口:vw、vh、vmin、vmax。其他:%、ch、ex。实战高频:px + rem + vw/vh + %。
📖 详细讲解
标准面试回答(推荐记住)
CSS 单位分为绝对单位和相对单位。绝对单位有 px 像素、cm 厘米、mm 毫米、in 英寸等,其中 px 最常用。相对字体的单位有 em 相对父元素字号、rem 相对根元素字号。相对视口的单位有 vw 视口宽度的 1%、vh 视口高度的 1%、vmin 和 vmax 是视口宽高中较小/较大值的 1%。还有百分比 %、ch 字符宽度等。实战中最常用的是 px、rem、vw/vh 和百分比。
✅ 面试要点
- •区分绝对和相对单位
- •vw/vh 做全屏布局
- •rem 做响应式适配