media查询(来源于bootstrap)

/* 大屏幕 */
@media (min-width: 1200px) { ... }

/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) { ... }

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) { ... }

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) { ... }

posted @ 2017-05-18 10:06  贺小鸣  阅读(187)  评论(0编辑  收藏  举报
为尊重他人劳动成果,转载/摘抄请标明来源!