流式布局 rem布局 视口布局 手淘团队 flexible.js
设备区间划分
逻辑像素和物理像素
pc: 1物理 = 1逻辑
移动端： 1物理 = ？逻辑（根据系统去定）
逻辑像素指的是css像素 也就是我们写代码的px
移动端布局第一步 视口：呈现网页的介质 ，窗口
获取设备宽度
案例1： 大屏： box盒子 黑色背景 中 红色 小 粉色 超小 红色
自适应----》原理： 盒子宽度尽量用%表示 高度可以定高 ,或者auto ,小间距用px即可 ，图片大小也要写% ，文字大小就是px 稍微小一点px （320px - 750px）
缺点： 盒子高度比例与宽度不协调 图片也会被拉伸 所以就是丑一点
原理： 在不同的屏幕下，设置当前屏幕的html字体大小值 ，在写具体盒子的时候把量下来的px单位转换为rem单位即可
相对单位 : rem
媒体查询+ rem单位
js查询屏幕 + rem单位
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery