來源于：

http://www.imooc.com/article/18928

類型 布局寬度 列寬 間隙寬度

大屏幕 大于等于1200px 70px 30px

默認 大于等于980px 60px 20px

平板 大于等于768px 42px 20px

手機到平板 小于等于767px 流式列，無固定寬度

手機 小于等于480px 流式列，無固定寬度

/?大屏幕?/

@media (min-width: 1200px) { … }

/?平板電腦和小屏電腦之間的分辨率?/

@media (min-width: 768px) and (max-width: 979px) { … }

/?橫向放置的手機和豎向放置的平板之間的分辨率?/

@media (max-width: 767px) { … }

/?橫向放置的手機及分辨率更小的設備?/

@media (max-width: 480px) { … }

作者：Yan小ck包包正品專賣

鏈接：http://www.imooc.com/article/18928

來源：慕課網