摘要：1.flex布局体验 1.1 传统布局和flex布局 传统布局 兼容性好 布局繁琐 局限性，不能在移动端很好的布局 flex布局 操作方便，移动端广泛 PC端浏览器支持情况较差 IE11或更低版本，不支持或仅部分支持 1.2 布局原理 flex 是flexible box的缩写，意为弹性布局，用来为 阅读全文

摘要：# 1.响应式开发 # ## 1.1 响应式开发原理 ## 就是使用媒体查询针对不同宽度的设备进行布局和样式设置，从而适配不同设备的目的 设备划分 尺寸区间 超小屏幕(手机) < 768px 小屏设备(平板) >= 768px ~ < 992px 中等屏幕(桌面显示器) >= 992px ~ <12 阅读全文

摘要：# 1.rem基础 # >rem单位 -是一个相对单位。类似em,em是父元素字体大小 -不同的是rem的基准是相对于html元素的字体大小 -比如 根元素（html）设置font-size = 12px ;非根元素设置width:2rem 则换算成px就是24px 优点就是可以通过修改html里面 阅读全文

摘要：# 1.移动端基础 # 移动端浏览器主要对webkit内核进行兼容 我们现在开发的移动端主要针对手机端开发 移动端碎片化沿着分辨率和屏幕尺寸大小不一样 学会谷歌浏览器模拟手机界面调试 # 2.视口 ## 2.1 布局视口 layout viewport ## 一般移动设备的浏览器都默认设置一个布局视 阅读全文