常见的css布局单位
- px 是个绝对单位,固定值,如果你的分辨率是1920*1080,那么宽度就是由1920个像素点组成,一个px就相当于一个像素
- em 相对于父盒子掉分font-size决定,父盒子的font-size等于16px,那么1em == 16px,如果父盒子没有设置fontsize,则会查找祖盒子,因为font-size具有继承性,如果还是没有fontsize则会使用浏览器的默认尺寸(16px)
- rem 相对于html 根元素的font-size来决定的,如果没有设置font-size则使用浏览器的默认尺寸大小
- % 相对于父盒子的大小来决定的,如果父盒子的width是200px,那么子盒子的宽度设置50%,实际宽度等于100px
- vw/vh是与视图窗口的大小有关,如果你视图窗口的宽度等于1920px,那么100vw就等于1920px
- vmax/vmin vmax是取vw/vh中最大的值,vmin取最小的来决定