如何为媒体查询设置独占价值？

Question

@media only screen and (min-width: 768px) {
    /* stuff to do when the screen is >= 768px */
}

但我需要的是在屏幕最大时设置一个值，767.999999999999999999999999999999999999999999999999999999px。

因为Bootstrap首先将他们的断点移动，所以我不得不重新定义一些css。

 .red-when-small-green-when-not-small {
    color:red;
}
@media only screen and (min-width: 768px) {
    .red-when-small-green-when-not-small {
        color: green;
    }
}

同时，它已经定义为绿色。

master.css ：

.red-when-small-green-when-not-small {
    color: green;
}

你知道我在说什么吗？我最终不得不说我希望它绿色两次，以避免最小 - 最大媒体查询不匹配的1px区域。

Answer 1

你试过max-width？

@media only screen and (max-width: 767.99px) {
    .red-when-small-green-when-not-small {
        color: red;
    }
}