@media 媒体查询页面适配

/* 大屏幕 */

@media only screen and (min-width:1200px) {
	
}

/* 中等屏幕 */

@media only screen and (min-width: 992px)and (max-width: 1199px) {

}

/* 小屏幕 */

页面大于 768px， 小于 991px 时显示的样式效果

@media only screen and (min-width: 768px)and (max-width: 991px) {
	
}

/* 手机端显示 */

屏幕小于 767px 时的样式

@media only screen and (max-width: 767px) {
	
}