请说说css常用的单位和不常用的单位分别有哪些？

CSS常用的单位和不常用的单位可以这样分类：

常用单位:

• px (像素): 最常用的单位，表示屏幕上的物理像素。简单易懂，但不够灵活，在不同分辨率的设备上显示效果可能不一致，不推荐用于响应式布局。

• % (百分比): 相对于父元素的尺寸计算，常用于响应式布局，可以根据父元素的大小自动调整。

• em: 相对于当前元素的字体大小计算。如果当前元素未设置字体大小，则会继承父元素的字体大小。常用于字体大小和行高，可以实现字体大小的缩放。

• rem: 相对于根元素 (html) 的字体大小计算。与em相比，rem更稳定，更容易控制，更适合用于响应式布局。

• vw (视口宽度百分比): 1vw 等于视口宽度的 1%。

• vh (视口高度百分比): 1vh 等于视口高度的 1%。

• vmin (视口宽度或高度的较小值百分比): 1vmin 等于视口宽度和视口高度中较小值的 1%。

• vmax (视口宽度或高度的较大值百分比): 1vmax 等于视口宽度和视口高度中较大值的 1%。

• auto: 浏览器自动计算大小。

不常用单位 (相对来说):

• in (英寸): 物理单位，1in = 2.54cm = 96px。

• cm (厘米): 物理单位，1cm = 96px/2.54 ≈ 37.8px。

• mm (毫米): 物理单位，1mm = 1cm/10。

• pt (点): 排版单位，1pt = 1/72in。

• pc (派卡): 排版单位，1pc = 12pt。

• ex: x-height，指小写字母x的高度。由于不同字体的x-height不同，因此使用较少。

• ch: 字符宽度，通常指数字0的宽度。由于不同字体的字符宽度不同，因此使用较少。

一些补充说明：

• 绝对单位 (例如 px, in, cm, mm, pt, pc) 的值是固定的，不会随着其他元素的变化而变化。

• 相对单位 (例如 %, em, rem, vw, vh, vmin, vmax) 的值会根据其他元素的变化而变化，更适合用于响应式布局。

在实际开发中，px、%、em、rem、vw、vh、vmin 和 vmax 是最常用的单位，其他的单位使用场景相对较少。 选择合适的单位取决于具体的场景和需求。 为了更好的兼容性和可维护性，推荐优先使用相对单位进行布局。