一.媒体查询

1.目标：能够根据设备宽度的变化，设置差异化样式

媒体特性常用写法
min-width（从小到大） lmax-width（从大到小）

二、BootStrap

调用类：使用bootstrap提供的样式
.container是BootStrap中专门提供的类名，所有应用该类名的盒子，默认已被指定宽度且居中。
.container-fluid也是BootStrap中专门提供的类名，所有应用该类名的盒子，宽度均为100%。
分别使用.row类名和.col类名定义栅格布局的行和列。
注意: 1. container类自带间距15px;

2. row类自带间距-15px

BootStrap栅格系统

栅格化是指将整个网页的宽度分成若干等份
BootStrap3默认将网页分成12等份

。