/* 大屏幕 :大于等于1200px*/
@media (min-width: 1200px) { … }
/*默认*/
@media (min-width: 980px){…}
/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) { … }
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) { … }
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) { … }