认识
2023年10月07日
一、绝对长度单位
1.1 px
二、相对长度单位
2.1 em
相对对象: 在 font-size
中使用是相对于父元素的字体大小,在其他属性中使用是相对于自身的字体大小,如 width
2.2 rem
相对对象: 根元素的字体大小
2.3 vh
相对对象: 视窗高度的 1%
2.4 vw
相对对象: 视窗宽度的 1%
2.5 vmin
相对对象: 视窗较小尺寸的 1%
2.6 vmax
相对对象: 视图大尺寸的 1%
2.7 百分比
相对对象:
-
height
、top
、bottom
中的百分比值, 是通过包含块的height
值。如果包含块的height
值会根据它的内容变化,而且包含块的position
属性的值被赋予relative
或static
,那么,这些值的计算值为auto
-
width
、left
、right
、padding
、margin
属性由包含块的width
属性值来计算它的百分比值