需求
在日常的样式编写中，对于浏览器宽度变化的时候，我们为了增加体验，总是需要根据变化进行响应式的样式设置。
本篇章编写一个 media 的浏览器宽度响应示例。
media 使用说明
@media 类型 and (条件1) and (条件二){*/css样式*/}
上面写的类型有很多种，不过我们一般只需要认识一下屏幕的变化即可，示例如下：
/* 如果文档宽度小于 300 像素则修改背景颜色(bac
需求
在日常的样式编写中，对于浏览器宽度变化的时候，我们为了增加体验，总是需要根据变化进行响应式的样式设置。
本篇章编写一个 media 的浏览器宽度响应示例。
media 使用说明
@media 类型 and (条件1) and (条件二){*/css样式*/}
上面写的类型有很多种，不过我们一般只需要认识一下屏幕的变化即可，示例如下：
/* 如果文档宽度小于 300 像素则修改背景颜色(bac
