- px:像素(Pixel),是指屏幕上的一个点,是最常用的单位。1px表示屏幕上的一个物理像素点。
- em:相对长度单位,表示相对于当前元素的字体大小。当使用em作为长度单位时,其值是相对于该元素的字体大小来计算的。
- rem:相对长度单位,表示相对于根元素(即html元素)的字体大小。当使用rem作为长度单位时,其值是相对于根元素的字体大小来计算的。
- %:百分比(Percentage),表示相对于父元素的尺寸。当使用%作为长度单位时,其值是相对于包含该元素的最近的已定位父元素的尺寸(通常是宽度)来计算的。
- vw:视窗宽度(Viewport Width),表示相对于视口宽度的百分比。1vw表示视口宽度的1%。
- vh:视窗高度(Viewport Height),表示相对于视口高度的百分比。1vh表示视口高度的1%。
- vmin:视口宽度和高度中较小的那个值,表示相对于该值的百分比。1vmin表示视口宽度和高度中较小的那个值的1%。
- vmax:视口宽度和高度中较大的那个值,表示相对于该值的百分比。1vmax表示视口宽度和高度中较大的那个值的1%。
- fr:弹性长度单位(Flexible Length Unit),表示剩余空间的一部分。在使用CSS Grid等布局方式时非常有用。
- ch:字符宽度(Character Width),表示数字0的宽度。在排版等场景中,可以用它来设置等宽字体的字符宽度。
- ex:字母x的高度(x-Height),表示当前字体的字母x的高度。在排版等场景中,可以用它来设置行高等。
- min-content:表示元素最小内容的尺寸,即元素的最小宽度或高度。
- max-content:表示元素最大内容的尺寸,即元素的最大宽度或高度。
CSS_都有什么长度单位,每一种单位都有其特定的意义和用途
最新推荐文章于 2024-02-28 09:56:29 发布