CSS的单位介绍：em，rem，vh，vw，px，pt，vmin，vmax

原文链接：https://blog.youkuaiyun.com/cuclife/article/details/136616895

CSS（层叠样式表）中包含多种单位，用于定义诸如长度、字体大小、角度、频率、时间、颜色以及其他数值型样式属性。以下是CSS中一些主要的长度和比例单位：

1. 绝对单位

• px（像素）：基于屏幕显示的虚拟长度单位，常用于网页布局，但不代表固定物理尺寸。

• in（英寸）

• cm（厘米）
• mm（毫米）
• pt（点）：传统印刷单位，1pt约为1/72英寸。
• pc（派卡或十二点活字）：等于12点（points），传统排版术语，1pc约等于1/6英寸。

2. 相对单位

• %（百分比）：相对于父元素的相应属性值计算。
• em：相对于元素自身的字体大小，1em等于当前元素的font-size。
• rem（root em）：相对于根元素（HTML元素）的字体大小。
• vw（viewport width）：视口宽度的百分比，1vw等于视口宽度的1%。
• vh（viewport height）：视口高度的百分比，1vh等于视口高度的1%。
• vmin（viewport minimum）：视口宽度或高度中较小的那个的百分比。
• vmax（viewport maximum）：视口宽度或高度中较大的那个的百分比。

3. 其他单位

• ch：与字符“0”（零）的宽度相等。
• ex：基于小写字母x的高度。
• fr（fraction unit）：在弹性布局（Flexbox）和网格布局（Grid）中使用，表示可用空间的一个份额。

请注意，随着CSS规范的发展，还可能会有新的单位类型出现。上述列举的是常见的和广泛支持的单位。