CSS屏幕適配尺寸樣式

/* 大屏幕 ：大於等於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) { ... }