简介：主要学习媒体查询、flex弹性布局及伸缩比例的计算，通过rem作为度量单位进行弹性布局的方法
第1章 课程介绍
您已经使用html+css一段时间了，是否好像一直都是用px或%进行定位，是否页面布局时也是一直使用float+定位，自适应，响应式等似乎明白又说不清。本门课程让你在之前的基础上，思路更清晰，技术上有多种选择。
第2章 mediaquery媒体查询
在移动端开发中，手机，ipad等设备的尺寸各不相同，总不能适用一个设备，其他设备显示效果就“将就”吧，web端也同样存在这种情况。那么mediaquery，中文名称“媒体查询”，将解决这些困扰。
第3章 flex基础与应用
float+定位进行布局，是每一个前端工程师的必修课，但布局上如果只有这一个招数，那就有点掣肘了。css中还有一个flex技术，称为弹性盒子，可以非常高效的完成盒子内的布局，将会在布局上如虎添翼。
第4章 常用布局
px,%,还有em，都已成过去式，它们都重要，但不能作为未来的主流。rem，以基准字体为标准，一变百变，适应各种复杂的页面弹性伸缩，对文字也有很好的适应性。在进行响应式布局上，是不可或缺的技术。
解锁即可观看《前端工程师》完整课程视频
前端工程师
前端入门如同写字，如果你不知道从哪开始，那就选择前端（含Vue3.x，React17,TS）
【第1周】HTML5基础语法与标签
【第2周】CSS3基础语法与盒模型
【第3周】CSS3浮动定位与背景样式
【第4周】CSS3动画与穷游首页开发实战
【第5周】JS基础语法与表达式
【第6周】JS流程控制语句与数组
【第7周】JS函数与DOM
【第8周】面向对象
【第9周】项目实战：仿穷游JS特效开发
【第10周】ES6基础入门
【第11周】ES6语法扩展
【第12周】ES6之Promise与Class类
【第13周】ES6之Module模块与Babel编译
【第14-15周】HTTP 协议、存储、Ajax
【第16周】项目实战：仿穷游组件化开发
【第17周】移动基础
【第18周】移动进阶之高效开发
【第19周】项目实战：仿穷游移动webapp开发
【第20周】小程序基础与慕课小程序实战
【第21-22周】Sass基础与Vue.js基础语法
【第23周】项目实战：Vue.js仿京东到家电商全栈项目前端开发（上）
【第24-25周】项目实战：Vue.js仿京东到家电商全栈项目前端（下）
【第26周】全栈必备基础Node.js
【第27周】koa2中间件与MongoDB数据库
【第28-29周】项目实战：node.js仿京东到家电商全栈项目后端开发
【第30周】TypeScript与React.js基础语法
【第31-32周】React旅游网开发与工程化
【第33周】就业必备基础技术面试分析
【第34周】就业必备框架与全栈技术面试分析