CSS常用的单位和不常用的单位有哪些?

3 min read

常用的单位包括:

  • px(像素),是最常用的单位,设计稿通常以像素为单位。
  • em,相对单位,参照父元素的字体大小。如果一个元素的字体大小是16px,设置其宽度为2em,则宽度为32px(2 * 16px)。
  • rem,相对单位,相对于根元素的字体大小。一般来说,根元素的字体大小默认是16px,如果设置一个元素的宽度为2rem,则宽度为32px(2 * 16px)。
  • %,相对于父元素的大小的百分比。设置元素的宽度为50%,则其宽度为父元素的一半。

不常用的单位包括:

  • pt(磅),常用于打印页面,1pt=1/72英寸。
  • cm(厘米)和mm(毫米),世界通用的计量单位。
  • in(英寸),常见的计量单位,1英寸=2.54厘米。
  • ex,相对单位,参照字体的x-height。一般来说,x-height和字母x的高度相等,不同字体的x-height大小不同,使用不常见。
  • ch,相对单位,参照元素的字体的宽度。一些语言区分全角和半角字符,使用ch单位可以保证在不同字体中宽度的一致性。