CSS 尺寸单位有哪些?

CSS尺寸设置的单位包括:

  1. 像素(Pixel,缩写为px):是最常用的单位,表示屏幕上的一个点,可以精确地指定元素的大小。

  2. 百分比(Percentage,缩写为%):相对于父元素的大小,可以根据父元素的大小来设置子元素的大小。

  3. em:相对于当前元素的字体大小,用于设置字体大小时很常用。

  4. rem:相对于根元素(即html元素)的字体大小。

  5. vh/vw:相对于视口(Viewport)的高度和宽度。

  6. cm、mm、in、pt、pc等长度单位:用于打印样式表,不建议在Web开发中使用。

  7. 自定义单位:可以通过CSS的calc()函数自定义单位,比如使用“1fr”作为网格布局中的单位。

需要注意的是,不同的浏览器可能会有不同的计算方式和默认值,因此在设置尺寸时需要进行充分的测试和兼容性处理。