IFE-TASK8（任务八：响应式网格（栅格化）布局）

前言：

百度前端技术学院，任务八：响应式网格（栅格化）布局

知识点：

1）通过@media实现不同屏幕的响应式设计
2）通过box-sizing属性来解决不同DIV之间的边距问题（所有div设置为Border-box,方便宽度用百分比进行操作）
3）需根据不同屏幕进行响应的div的class命名需包含响应前响应后
4）CSS包括两部分，响应前和响应后，响应前必须是小屏幕的，按照从小到大的顺序（根据@media min-width的特性决定）

5）全部用float:left布局

代码地址：点击打开链接

DEMO：点击打开链接