前端布局单位选择之 rem

前端布局单位选择之 rem

Root em（REM）是CSS3中新定义的一种长度单位。和之前的em单位相比在使用上具有明显的优势。著名的响应式web框架Fundation就是用REMs作为基本的长度单位。

进行布局的话建议用less去写，因为less中可以用变量，这样我们可以省去频繁用计算器的时间了。

less中我们可以这样写；

@rem:40rem;

定义变量@rem 这里的40是指你打开谷歌开发者工具后点击移动端模拟时的html的font-size大小。

div{
width:200/@rem;
}

less会在编译的时候给计算出结果。