1. Media Query设备适配

   参考网址：https://www.cnblogs.com/YMaster/p/10198943.html

   参考网址2： https://www.jianshu.com/p/7b0c76d055e1

   
   

2. flexbox布局(注：主轴是横向还是纵向由container的flex-direction决定)

   参考网址：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

                       https://www.zhangxinxu.com/wordpress/2018/10/display-flex-css3-css/

  3. grid布局

     参考网址：http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html