css长度单位

1.px : 像素
2.em : 一个字体的宽度
3.rem : 依据html根节点的font-size大小,比如根节点font-size:16px,1rem = 16px
4.百分比 : 百分比是相对值,相对于父级的宽度或高度
5.vw : 以视窗宽度为基准,1vw表示视窗宽度的百分之一
vh : 以视窗高度为基准,1vh表示视窗高度的百分之一

  1. vmax : 以视窗尺寸为基准,如果视窗的宽度大于高度,则1vmax为视窗宽度的百分之一;反之,则是视窗高度的百分之一。
    同理,vmin: 以视窗尺寸为基准,如果视窗的宽度xiao于高度,则1vmax为视窗宽度的百分之一;反之,则是视窗高度的百分之一。

其他的还有一些绝对长度单位,也是css中的,比如英寸in,厘米cm,毫米mm,派卡pc,点pt,1/4毫米q。
1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

此外还有两个比较特殊的单位:ex,ch;
ex专指字母x在网页的高度;
ch专指数字0在网页的宽度;

你可能感兴趣的:(css长度单位)