bootstrap自定义媒体查询的写法

bs分了五种尺寸

1.顺序不能错
2.min和max的写法一定要对

/*一、超大屏*/

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

/*二、1100分辨率(大于960px,小于1199px)*/

@media screen and (min- 960px) and (max- 1199px) {
}

/*三、880分辨率(大于768px,小于959px)*/

@media screen and (min- 768px) and (max- 959px) {
}

/*四、720分辨率(大于480px,小于767px)*/

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

/*五、440分辨率以下(小于479px)*/

@media only screen and (max- 479px) {
}
原文地址:https://www.cnblogs.com/cn-oldboy/p/14885246.html