px,em,%,rem,vw,vh,vmax,vmin
前端工程师面试中经常会问到单位问题,一次性捋清楚就可
1、em
1em=父元素的font-size.
2、rem
1rem=html元素的font-size(一般不设置的话就是16px)
3、%
相对于父元素长度的百分之几,最外层的是body和html。
width:50%=父元素width:50%
height:50%=父元素height:50%
font-size:50%=父元素font-size:50%
margin:50%=父元素width:50%(margin和padding等都是相对于父元素的宽度)
4、vw,vh,vmax,vmin
1vw=视窗宽度的1%(viewpoint的宽度)
1vh=视窗高度的1%(viewpoint的高度)
vmax即(vm,vh)中取最大值
vmin即(vm,vh)中取最小值
css常用长度单位
最新推荐文章于 2022-11-15 10:44:05 发布