Twitter Bootstrap 3 - 将CSS仅应用于-md（中）屏幕大小的正确方法？

Question

根据我的理解，Twitter Bootstrap 3认为任何-md都是最小宽度为992px的屏幕尺寸，根据这篇文章：Twitter Bootstrap 3: how to use media queries?

现在我想要做的是，当且仅当屏幕尺寸适中时，我才想应用CSS，而不是其他任何内容。我试过的是

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

@media(min-width:768px){
}

@media(min-width:992px){
    .margin-bottom-image-md { margin-bottom: 15%; }
}

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

但这也会影响大屏幕。那么我所做的就是：

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

@media(min-width:768px){
}

@media(min-width:992px) and (max-width:1199px){
    .margin-bottom-image-md { margin-bottom: 15%; }
}

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

并且它有效，但我只是想知道这是否是唯一的方法，或者是否有另一种更推荐的方法（也许Bootstrap有自己的处理方法，我不知道）？

Answer 1

除非您使用SASS或LESS（您可以使用变量或您的方式），否则您定义的方式是正确的。 and运算符将检查这两种情况。