原副标题：丁鹿大学堂：后端合作开发终端端之css宽度基层单位归纳
css中常用的基层单位
他们采用css的宽度基层单位，最常用的是px。只不过，css中除px 以外，除了许多宽度基层单位。那时就跟我们撷取呵呵。
css中宽度基层单位的展开分类
他们把css中的宽度基层单位分为三类。
三类是当然宽度基层单位。
当然宽度基层单位不受其它任何人小东西的负面影响，在相同的解析度下，它也会维持相同的大小不一。
在前述日常生活中，这种的基层单位有许多，比如说m，cm等，但在后端标识符中，他们多于两个当然宽度基层单位，是px（画素）
三类是相较宽度基层单位
相较宽度基层单位，是相较于其它参照下定决心这类的宽度大小不一。
比如说，如前所述氟原素的调色板不一，或是视口的大小不一。
采用相较基层单位的益处是，就在相同的网页上都有相较那样的产业布局。比如说当你的萤幕变小的这时候，能并行的展开翻转。
相较基层单位之em
em相较的是这类的font-size，假如他们没增设font-size，会相等于父原素的font-size
那个前述合作开发中极少用
相较基层单位之rem
rem相较的是html标签的font-size
利用rem能比较方便的做适配。比如说在相同的萤幕尺寸下，只需要修改html的font-size，所有采用rem的基层单位都会相应改变。
目前主流终端端合作开发已经不采用了，但还是有公司在采用，比如说淘宝。
相较基层单位之vw和vh
vw全称是viewport width，vw是相较于视口的宽度。1vw 是百分之的视口宽度。比如说你视口宽度是1200px， 那么1vw = 12px
所以100vw在任何人这时候，都是100%宽度。
.box{ width: 100vw; height: 100vh; background: greenyellow; }
