响应式

响应式：响应式不是一种单独的技术，他是描述web设计的一种方式，或者是一组最佳实践方式。
1、响应式布局排版
（1）、弹性布局：display：flex
（2）、多列布局：.box{column-count:3,colunm-width:200px}
（3）、网格布局：display：grid
（4）、媒体查询：@media （max-width:300px）{}
（5）、百分比
2、图片响应式
（1）、img标签、srcset、sizes
（2）、picture标签、source、img