媒体查询、flex布局、栅格系统

用媒体查询实现如下要求

1. 在页面宽度> 1200px 时页面背景为红色
2. 在页面1200px>=宽度> 900px 时页面背景为绿色
3. 在页面900px>=宽度> 600px 时页面背景为黄色
4. 宽度<=600px 背景为灰色

http://js.jirengu.com/mizahitanu/1/edit