给大家介绍下html中的单位，其中重点去说rem，因为rem在手机适配中用的比较多，虽然现在有框架可以解决我们的问题，但是我们还是要能够在不依赖框架的基础上去，去适配手机端。
html中的单位：
- 相对长度单位中有： em rem ex ch vw vmax vmin
- 绝对长度单位中有： px cm mm q in pc pt
- 百分比单位
我们在工作和学习中常用的是px em 百分比 和 rem 了，别的可能在特殊的情况下才会使用，那我们就先看看这几个常用的解释吧：
px：表示像素，1像素是屏幕上的一个点而屏幕上的点的个数取决于屏幕的分辨率。
em：相对于当前对象内文本的字体尺寸，如果你父元素的字体大小是16px 那么1em = 16px，事实上w3标准中的解释是 是相对于使用em单位元素的字体大小，但是em有继承效果，如果有继承的话，你的em值将会不准确，它继承你父元素的大小。
rem : 跟em相似，不同的点在于它的大小是按照html上的font-size去设置的，rem直接继承的是你浏览器的大小，当使用rem的布局的时候可以对相应屏幕的大小调整不同的字体大小。
百分比 ： 百分比布局是按照比例布局，没有rem布局精确，但是用的也比较多。
接下来重点去说rem布局
1.直接去哪个例子来解释，比如现在我有个640px的设计图，我自己定义把它分成20份，那么它的一份就是32，如果我量出来的这个元素的高度是16px； 那么就是16/32rem ,而我们定义它的html字体大小为 640px/20 ,rem = 640px/20 16/32*32 = 16px； 转换成px还是16；
2.也可以直接给html一个字体大小，比如我给html font-size:50px； 我量出来的一个元素的高度是43px；43px/50rem就可以了
最后rem布局的根本是按照比例去等比例缩放的，就行了，只要牢记这个核心，相信大家会在适配上有所提升的，还有更简便的方法，直接使用rem别人写的js，引入直接用就可以，大家一起加油吧！
閱讀更多 前端小棧 的文章
