投稿

用六个案例学会响应式布局

15.6万

1363

2020-10-28 20:44:44

随着多种移动终端的普及，为有效解决多种终端显示适配问题，响应式布局技术应运而生。本课程适用于有一定前端基础的同学，深入讲解@media媒体查询，rem单位两种关键知识点和移动端常用flex布局，并通过六个实际案例让你掌握布局技巧，了解常见布局方式的区别，走出误区。助你拓宽编程思维，提高工作效率。海量优质原创课程尽在【慕课网】www.imooc.com 听说关注和三连的人都脱单了。

野生技术协会

慕课网官方账号发消息

你的指尖有改变世界的力量

课程介绍

04:25

什么是媒体查询

07:16

@media常用参数

10:15

媒体查询其他引入方式-1

04:49

媒体查询其他引入方式-2

04:11

什么是flex

03:28

主轴方向与换行

10:39

剩余空间调整为间距

03:31

交叉轴的对齐方式

05:18

给子元素设置伸缩比例flex属性

13:38

给子元素设置伸缩的特殊写法

06:22

课堂案例1-输入框布局

07:16

课堂案例2-长表单布局

10:50

课堂案例3-rem的使用方法

13:43

课堂案例4-自适应布局

11:48

课堂案例5-响应式布局

25:33

课堂案例6-rem弹性布局

16:14

课程小结

03:14

顶部