移动web开发布局

项目2–移动Web开发常见布局

PDF

–学习目标/Target

  • 了解什么是流式布局
  • 掌握flex弹性盒布局以及使用方式
  • 掌握媒体查询的使用方法
  • 掌握如何实现移动端设备的Rem适配布局
  • 掌握SassLess的使用方法(下一个项目再讲)

–项目说明/Summary

在移动Web开发中,可以通过流式布局弹性盒布局Rem适配布局来制作移动端页面。此外,我们还可以将上述三大布局与媒体查询结合起来创建响应式页面,实现一个页面同时兼容PC端和移动端。为了提高CSS样式代码的编写效率,我们可以使用SassLess编写复用性更优的CSS代码。在掌握了这些技术后,就已经可以编写响应式页面了。

【Flex-实战演练】确认订单

PDF

–学习目标/Target

  • 使用flex弹性盒布局模型快速开发网页

    体会flex弹性盒布局的应用

  • 扎实flex弹性盒布局的知识点