第一次课-移动端相关概念
1、移动端简介
2、移动端测试环境
1、pc端chrom模拟环境测试
2、真机测试(手机与电脑里文件关联方法)
3、像素概念
1、设备独立像素
2、设备像素
3、像素比
4、普通屏与高清屏的概念
5、普通屏与高清屏在移动端的区别
4、viewport
viewport的各个参数的概念以及设置方式
5、像素比
像素比与设计图的关系
第二次课-移动端适配方案
1、百分比适配
2、viewport适配(两种适配方案)
3、rem适配(两种适配方案)
4、弹性布局适配
5、移动端布局中的注意问题
1、body的overflow问题
2、固定定位问题
6、移动端样式重置
第三次课-移动端页面布局实战(手机扫一扫)
第四次课-弹性布局
1、排列方向
2、换行方式
3、水平对齐方式
4、垂直对齐方式
5、多行垂直对齐方式
6、子元素排列顺序
7、子元素扩展比例
8、子元素收缩比例
9、子元素的大小
10、子元素flex
11、子元素单独对齐方式
12、实例-骰子
第五次课-弹性布局实例(手机扫一扫)
职业类:
学习前端我们究竟是在学习什么? 为什么看了100G的视频/资料,你也没有学好? 除了埋头苦学,我们还可以做点什么? |
想了解更多课程详情内容,可扫下方二维码:
加老师微信可扫: