响应式网页：媒体查询
媒体查询：
@media (媒体特性) {
选择器{
样式}
}媒体特性 :
- max-width ：最大宽度（判断小于等于的情况）
- min-width：最小宽度（判断大于等于的情况）
媒体查询书写顺序
案例 - 左侧隐藏
媒体查询 - 完整写法
媒体查询 - 外部 css:
如果是对应要生效的 css 多，那么就在 link 引入 css文件时，加上 media=(视口宽度)，如果是要生效的 css 很少，那么就直接 在css 文件中 @meida (视口宽度) { css样式 }
