六个案例学会响应式布局-慕课网-六个案例学会响应式布局章节介绍问答技术笔记

首页课程实战体系课手记专栏慕课教程

第1章课程介绍: 课程介绍

第2章 mediaquery媒体查询: 什么是媒体查询; @media常用参数; 媒体查询其他引入方式-1; 媒体查询其他引入方式-2

第3章 flex基础与应用: 什么是flex; flex-主轴方向与换行; flex-剩余空间调整为间距; flex-交叉轴的对齐方式; flex-给子元素设置伸缩比例flex属性; flex-给子元素设置伸缩的特殊写法; 课堂案例1-输入框布局; 课堂案例2-长表单布局

第4章常用布局: 课堂案例3-rem的使用方法; 课堂案例4-自适应布局; 课堂案例5-响应式布局; 课堂案例6-rem弹性布局; 课程小结