详解rem 适配布局

当今手机种类繁多 且不说iphone系列，安卓手机的种类已经数不胜数了，所以不可能每一款手机都要写一套布局样式，这也是不可能做到的，但是对于越来越精益求精的前端来说 ，当然要找到一个合理的解决方案。rem 就是用来自适应布局的。 适配要达到的效果，如下图（简单的示范一下） 两个div不论在大屏还是小屏上都是占据屏幕的一半 虽然上面这种简单的使用百分比可以实现但是，百分比无法实现字体的自适应，百分比转换成相应的尺寸还是很难的。接下来就说说这次我们的主角 rem （我们一般只适配宽度） rem 原理解析 首先rem是一个相对于根元素fontSize大小的相对单位，也就是说 1rem 等于 htm