实现一个电商页面

image.png

提示

  1. 图标库：https://www.iconfont.cn/
  2. 图片可以自行搜索合适的图片，不要求和上述原型图一致

资料

  1. css布局：http://zh.learnlayout.com/toc.html

    ps：重点学习使用其中的flex布局

  2. 移动端适配方案（rem，vw，vh，vmin，vmax…自行搜索资料）

  3. 学会使用chrome进行调试开发

要求

  1. 实现上述移动端界面
  2. 适配主流的移动端机型（chrome浏览器预置的机型，平板不要求）