前端布局单位选择之 rem
Root em(REM)是CSS3中新定义的一种长度单位。和之前的em单位相比在使用上具有明显的优势。著名的响应式web框架Fundation就是用REMs作为基本的长度单位。
进行布局的话建议用less去写,因为less中可以用变量,这样我们可以省去频繁用计算器的时间了。
less中我们可以这样写;
@rem:40rem;
定义变量@rem 这里的40是指你打开谷歌开发者工具后点击移动端模拟时的html的font-size大小。
div{
width:200/@rem;
}
less会在编译的时候给计算出结果。