css的单位分为
1、绝对单位 2、相对单位
绝对单位:绝对单位与物理尺寸相关的单位,其值在不同设备下保持固定值。
1、像素(pixel px):
最常用的绝对单位,表示屏幕上的一个点,不会随着屏幕的宽高而改变。
2、英寸(Inch in):
英寸是一个物理单位,表示1in = 2.54cm
3、厘米(cm):
1cm=0.3937in
4、毫米(mm):
1mm=0.03937in
5、点(pt):
1pt=1、72in
相对单位:
相对单位相对于其他尺寸或者环境的单位,根据上下文的变化而变化,可实现响应式布局和适应不同品目尺寸的需求
1、百分比(%)
2、视窗单位
①视窗宽度(vw):
相对于浏览器窗口宽度的百分比
②视窗高度(vh):
相对于浏览器窗口高度的百分比
③视窗最小宽度(vmin):
相对于浏览器窗口宽和高度较小的值
④视窗最大宽度(vmax):
相对于浏览器窗口宽和高度较大值
3、字体相对单位
①em:
相对于元素的字体大小的倍数,例:font-size:1.2em,表示字体大小为父元素字体大小的1.2倍
②rem:
相对于根元素html的字体大小的倍数,例:font-size:1.2rem,表示字体大小为根元素字体大小的1.2倍
③ch:
相对于”0“字符的宽度的倍数,例如:width: 10ch; 表示元素的宽度为"0"字符的宽度的10倍
注意:本文归作者所有,未经作者允许,不得转载