@media 媒体查询页面适配

/* 大屏幕 */
@media only screen and (min-1200px) {

}

/* 中等屏幕 */
@media only screen and (min- 992px)and (max- 1199px) {

}

/* 小屏幕 */

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

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

}

/* 手机端显示 */

屏幕小于 767px 时的样式

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

}

原文地址:https://www.cnblogs.com/songyan/p/11912909.html