媒体查询（media queries）中的尺寸/像素(px)区域划分

开发中使用媒体查询开始不清楚该用什么像素值做区分，后来找了Bootstrap的媒体查询划分参考，记录一下。

/* 参考自Bootstrap */
/* 超小屏幕（手机，小于 768px） */
@media (max-width:  768px) { ... }

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) { ... }

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) { ... }

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) { ... }