bootstrap自定义媒体查询的写法

bs分了五种尺寸

1.顺序不能错

2.min和max的写法一定要对

/*一、超大屏*/

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

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

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

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

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

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

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

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

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