绝对长度单位

像素（px）
英寸（in）1in=2.54cm=96px
厘米（cm）1cm=10mm=96/2.54=37.8px
毫米（mm）
点（pt）1pt=1. 33px

相对长度单位

em：相对元素font-size的属性值，如果用于font-size本身，则相对于父元素的font-size,如果用于其它属性，则相对于自身的font-size。
ex：所用字体中小写x的宽度
rem：相对于跟元素font-size属性的计算值
ch：数字0的宽度

视口相关长度单位

vh：布局视口高度的1/100
vw：布局视口宽度的1/100
vmax：布局视口宽度和高度之间最大值的1/100
vmin：布局视口宽度和高度之间最小值的1/100

如何制作与屏幕等宽的正方形

div{width:100%;height:0;padding-top:100%}