六个案例学会响应式布局_技术问答

首页免费课六个案例学会响应式布局问答

六个案例学会响应式布局

                
                大谷
            Web前端工程师

                    查看讲师更多课程 
                    大谷讲师的其他课程
                
Map从入门到性能分析
初级·8506
免费课程
                                
4小时快速体验ES6-10的强大
慕课微课·入门·2292

                                                                                                                                    ￥36.00
                                            
vue-cli全集
入门·44774
免费课程
                                
解密IconFont字体图标
初级·6409
免费课程
                                
                难度入门
            
                时长 2小时41分
            
                学习人数
            
综合评分9.93
                            16人评价
                        查看评价
                                9.9
                                内容实用
                            
                                10.0
                                简洁易懂
                            
                                9.9
                                逻辑清晰

全部评论问答未解决精华

翟卫卫

说的不错，就是一特尔们斯听着有点别扭

0 3-4 flex-交叉轴的对齐方式

2023-06-20

weixin_慕函数3004908

感谢学到了。最近正卡着布局问题

0 4-5 课程小结

2022-11-16

一块小海绵

非常好的讲解，这下终于弄懂了flex，一直在看阮一峰的文字讲解，学了个一知半解。

0 4-5 课程小结

2022-03-20

慕移动9237319

写都没写全

0 4-3 课堂案例5-响应式布局

2022-03-14

qq_暖暖阳光_o_0

flex不是这样用呀，兄弟还有一个是横向布局另一个纵向布局就好呀

1 4-3 课堂案例5-响应式布局

2022-02-17

weixin_慕工程6397061

这是一个没有ps基础的前端

0 3-7 课堂案例1-输入框布局

2022-01-15

慕雪1147550

感谢老师，讲的很好。很多模糊的概念在这里得到了清晰的解释。

0 4-5 课程小结

2021-12-18

慕仙6069276

display：flex不就换行了么？

0 3-8 课堂案例2-长表单布局

2021-12-15

PHP工程师养成中

感谢，学到了666

0 4-5 课程小结

2021-11-27

慕前端5071812

感谢老师，讲的太好了

0 4-5 课程小结

2021-10-24

慕粉2103217237

items [ˈaɪtəmz]

0 3-4 flex-交叉轴的对齐方式

2021-10-22

小七3908853

听了两遍听明白了，不错！

0 4-3 课堂案例5-响应式布局

2021-09-08

放飞梦想520

奥利给干啦

0 2-2 @media常用参数

2021-07-14

慕UI2478098

免费的比收费的还好

1 3-4 flex-交叉轴的对齐方式

2021-06-27

weixin_宝慕林0112487

举个例子：
#div0{
width:200px;
display:flex;
height:500px;
}
#div0 div:nth-child(1){
flex:0 1 150px;
}
#div0 div:nth-child(2){
flex:0 1 250px;
}
用他的错误计算方法是
200-（150+250）=-200
-200/2=-100
div1:150-100=50
div2:250-100=150
而正确值是75和125

2 3-5 flex-给子元素设置伸缩比例flex属性

2021-06-23

开始学习

课程须知: 1、有前端基础的用户 2、想要深入学习响应式布局的用户

老师告诉你能学到什么？: 1、掌握利用媒体查询并在移动端设计中使用 2、掌握flex及其自定义伸缩比例的方法 3、px,%,em,rem的区别和使用 4、掌握常见布局的设计方法

微信扫码，参与3人拼团

热搜

最近搜索清空

六个案例学会响应式布局