媒体查询
可以让我们针对不同的媒体类型定义不同的样式，页面会根据浏览器的宽度和高度重新渲染页面。
- min-width 表示大于等于这个宽度的时候 屏幕显示
- max-width 表示小于等于这个宽度的时候 屏幕显示
移动端网页开发
在移动端的网页开发中使用物理单位（px）在不同宽度和不同分辨率的手机上会有一定的差异， 推荐使用em和rem作为单位， 但是em是基于元素的父元素的字体大小，不够固定，而rem是基于根元素的字体大小而来，所以我们通常使用rem来作为移动端的单位。
练习：
需求：通过flex来布局
当页面宽度大于600px小于800px时，容器属性变为 justify-content：space-around；
页面宽度小于600px的时候自动换行
