@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) {
}