跳到主要内容

认识

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 百分比

相对对象:

  • heighttopbottom 中的百分比值, 是通过包含块的height值。如果包含块的 height 值会根据它的内容变化,而且包含块的 position 属性的值被赋予 relativestatic ,那么,这些值的计算值为 auto

  • widthleftrightpaddingmargin 属性由包含块的width属性值来计算它的百分比值