[TOC]

.1. 设计师按照什么设备去设计移动端的网页？
iphone5 : 320
iphone6 : 375
.2. em 相对单位
1em 相当于当前元素或父元素font-size值
.3 rem 相对单位，跟em类似
跟em类似，root根元素(在html中就是html标签)来换算font-size
.4 vw/vh单位？
把屏幕分为100份，1vw等于屏幕宽的1%。是一个相对单位，不同的屏幕下，换算的结果不同。
.4. 做rem布局？
只按照一款设备是写布局，其他设备自己是适配（rem去适配）
步骤：
1. 动态设置font-size，让页面在不同的设备下，值不同。
两种方法实现：
1. JS实现的，例如：淘宝、美团

2. vw实现的，例如：163、爱奇艺
html{ font-size:26.66666667vw; }
font-size:100px;
当前设备屏幕width为375px，375px=100vm,
则1vm为 3.75px， 375px/100=3.75px
则100px里有多少3.75px，即100px是多少vm：100px/3.75px=26.6666667vm
.5. rem实战？
1. 设计师 : 设计一个移动端的页面，按照iphone6来设计，
2. web前端开发 : 拿到设计稿，就根据设计稿制作，我不管其他设备（自己去适配）
.6 px如何转变成rem
1. px / 100
即上述html font-size等于100px时
2. cssrem插件
sublime中：Preferences ->Package Settings -> cssrem(此插件老师版本的sublime已装好) ->Settings-User
把里面代码的注释打开 <——“px_to_rem”: 75,———>
根据需要，改数据 75, 此时代表font-size：75px;
在写.px数据时,会自动提示rem数据
3. 在线网站：http://alurk.com/
把px代码进去复制后，自动转成rem
4. sass（二阶段学习）