/* 在小于480像素的屏幕里，主要是微小屏幕 */
@media (max-width: 480px) {}


/* 在480 和 768像素的屏幕里，主要是手机 */
@media screen and (min-width: 480px) and (max-width: 768px) {}

/* 在768 和 992像素的屏幕里，主要是pad */
@media screen and (min-width: 768px) and (max-width: 992px) {}

/* 在992 和 1200像素的屏幕里，主要是中等屏幕 pc */
@media screen and (min-width: 992px) and (max-width: 1200px) {}

/* 在大于1200像素时，主要是大型pc */
@media (min-width: 1200px) {}