rem 和em

em是一个相对单位 相对于谁：父容器的字体大小

rem 是一个相对单位（r::root,根）相对于谁：页面根元素的字体大小 html元素的字体大小

1.使用流式布局和伸缩布局 宽度自适应 高度固定

2.A.使用rem布局 高宽都自适应 等比例适配。

  B.通过去修改rem的基准值 让以rem为单位的容器等比缩放。

C.假设 设计稿的宽度为 640px 其中有一个元素的宽度 100px*100px

D.假设 320px设备 其中有一个元素的宽度 50px*50px

E.怎么根据不同的设备设置对应的基准值?

F.当前设备的基准值 = 当前设备的宽度/设计稿的宽度*在设计稿换算成rem的时候使用的基准值

G.怎么样去当设备不同的时候设置不同的rem基准值

01.使用媒体查询

02.建议使用js(flexible.js+rem)