1.px、em、rem、vw、rpx之间的区别 · 大杂烩

[TOC] ## **CSS中，自适应的单位都有哪些？** * % 百分比 * vw：相对于视口宽度的单位 * vh：相对于视口高度的单位 * vm：相对于视口宽度或高度（取决于哪个小）的单位 * em：相对于父元素字体大小的单位 * rem：相对于根元素字体大小的单位 ## **px、em、rem、vw、rpx之间的区别（谈一下它们的尺寸）** px：**绝对单位**，页面按精确像素展示 ***** em：**相对单位**，表示相对于父元素的字体大小，1em=16px，整个页面内1em不是一个固定的值。 **em特征**：1、em值并不固定；2、em会继承父级元素的字体大小。 ***** 1rem:**相对单位**，表示相对于根元素的字体大小假如根元素有35，若为75，则有75个一个页面有100个vw，用postcss自动实现适配小程序中一屏有750个rpx > rem就是相对于根元素`<html>`的`font-size`来做计算。而我们的方案中使用`rem`单位，是能轻易的根据`<html>`的`font-size`计算出元素的盒模型大小 ***** **rpx**：小程序中的单位，在爱疯6中 1px=2rpx，整个页面有750rpx ***** **vw**：viewpoint width，视窗宽度，1vw等于视窗宽度的1%；100vw=相对于视窗宽度 ***** [参考文档](https://github.com/amfe/article/issues/17)