css 响应式布局layout

1、像素宽度分类
在bootstrap的v3版本中，已经将各种媒介分为4种像素宽度类型：

 @media (max-width: 767px) { ... }
 @media (min-width: 768px) and (max-width: 991px) { ... }
 @media (min-width: 992px) and (max-width: 1199px) { ... }
 @media (min-width: 1200px) { ... }