如何在twitter-bootstrap 3中同时调整最小宽度和最大宽度？

Question

我希望我的css仅适用于544px - 768px宽度之间。如何在此目的上使用bootstrap @media功能？我尝试过类似以下示例的内容，但它没有工作：

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

Answer 1

像这样使用：

@media (max-width:768px) and (min-width:544px) {

}​

Answer 2

媒体查询语法为：

 @media screen and (min-device-width: 544px ) and (max-device-width: 768px) {
   //Your CSS here
 }

Answer 3

这适用于你的情况 -

@media all and (max-width: 544px) and (min-width: 768px) {}