CSS 获取单位

在 CSS 中，可以使用以下几种单位：

1. 像素（px）：最常用的单位，表示屏幕上的一个点。

2. 百分比（%）：相对于父元素的大小。

3. em：相对于当前元素的字体大小。

4. rem：相对于根元素（html）的字体大小。

5. vw/vh：相对于视口的宽度和高度。

6. pt：打印时的点（1/72英寸）。

7. cm/mm/in：厘米、毫米和英寸，用于打印样式表。

要获取一个元素的单位，可以使用 getComputedStyle() 方法。例如：

var element = document.getElementById("myElement"); 
var style = getComputedStyle(element); 
var width = style.width; // 返回宽度，带单位

如果想要获取单位，可以使用正则表达式提取：

var unit = width.match(/[a-zA-Z]+/)[0]; // 获取单位