vw和vw单位
vw和vh都是视口单位 即view width / view height
相对单位:表示把屏幕分为了100份,1份等于1%
1.vw:1vw等于视口宽度的1%。
2.vh:1vh等于视口高度的1%。
3.vmin:选取vw和vh中最小的那个。
4.vmax:选取vw和vh中最大的那个。
以下是不同屏幕下的占比
很明显,可以看出vw和vh单位是可以在不调用JS的同时,
实现屏幕自适应的一种方法。
//rem是针对根元素下的font-size 的大小 1rem即为根元素下font-size大小