绝对长度单位
这些单位表示固定的物理尺寸，不会根据其他因素变化。
- cm：厘米
- mm：毫米
- in：英寸（1in = 96px = 2.54cm）
- px：像素（最常用的绝对单位，在屏幕上的表现取决于设备的分辨率）
- pt：点（1pt = 1/72 of an inch）
- pc：派卡（1pc = 12 pt）
相对长度单位
这些单位相对于某个元素或父元素的属性值，因此它们可以更灵活地适应不同的显示条件和用户设置。
- em：相对于当前对象的字体大小。
1em等于当前元素的字体大小。如果未指定，则等于浏览器默认的字体大小。 - rem：相对于根元素（HTML）的字体大小。
1rem等于<html>元素的字体大小。 - ex：相对于当前对象的小写字母 "x" 的高度。
- ch：相对于字符 "0" 的宽度。
- vw：相对于视口宽度的百分比，
1vw等于视口宽度的1%。 - vh：相对于视口高度的百分比，
1vh等于视口高度的1%。 - vmin：相对于视口较小维度的百分比，即取
vw和vh中较小的一个。 - vmax：相对于视口较大维度的百分比，即取
vw和vh中较大的一个。
百分比单位
- %：相对于父元素的字体大小。例如，如果父元素的字体大小为16px，那么子元素使用
font-size: 50%;将会是8px。
使用建议
- 响应式设计：对于需要响应不同屏幕尺寸的设计，推荐使用相对单位如
em,rem,vw,vh等，因为它们可以根据用户的屏幕大小和浏览器窗口自动调整。 - 固定尺寸：如果你希望字体在所有设备上保持一致的视觉效果，可以考虑使用绝对单位如
px或pt。 - 可读性与可访问性：使用相对单位有助于提高网站的可读性和可访问性，因为它允许用户通过浏览器设置调整文本大小。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
