分类目录归档:移动端布局
移动web开发布局
项目2–移动Web开发常见布局
–学习目标/Target
- 了解什么是流式布局
- 掌握flex弹性盒布局以及使用方式
- 掌握媒体查询的使用方法
- 掌握如何实现移动端设备的Rem适配布局
- 掌握Sass和Less的使用方法(下一个项目再讲)
–项目说明/Summary
在移动Web开发中,可以通过流式布局、弹性盒布局和Rem
适配布局来制作移动端页面。此外,我们还可以将上述三大布局与媒体查询结合起来创建响应式页面,实现一个页面同时兼容PC
端和移动端。为了提高CSS
样式代码的编写效率,我们可以使用Sass
或Less
编写复用性更优的CSS
代码。在掌握了这些技术后,就已经可以编写响应式页面了。
【Flex-实战演练】确认订单
–学习目标/Target
-
使用flex弹性盒布局模型快速开发网页
体会flex弹性盒布局的应用
- 扎实flex弹性盒布局的知识点