响应式布局

媒体查询（响应式布局的方法之一，扩展了 Media 属性）

1. 首先在使用 Media 属性的时候需添加兼容移动设备优先代码

/*参数说明：
- width=device-width：宽度等于当前设备宽度
- Initial-scale：初始缩放比列（默认 1.0）
- maximum-scale：允许用户缩放最大比列（默认 1.0）
- user-scalable：是否允许手动缩放（默认为 no）
*/