没有屏幕，媒体查询不起作用答案

【问题标题】：media query doesn't work without screen没有屏幕，媒体查询不起作用
【发布时间】：2014-11-19 17:50:43
【问题描述】：

我在css3中使用媒体查询时遇到问题：没有screen，meida查询不起作用。

代码如下：

.side-menu {
    position: fixed;
    ...
    display: none;
    margin-right: 0;
    @media screen and (min-width: @screen-xs) {
        display: block;
    }
    @media and (min-width: @screen-md) {
        right: 8.1%;
    }
}

问题：第一个媒体查询有效，第二个无效。如果我移除屏幕并且第一个也不起作用。

那么，谁能帮帮我？

【问题讨论】：

这是通过像 SASS 或 LESS 这样的预处理器运行的吗？
是的，它很少使用。
您是否有机会也包含编译后的 CSS？
我检查了很多次，最后发现当我删除screen 时我没有删除and。这是一个愚蠢的错误。我会结束这个问题。无论如何感谢您的帮助。
总是那些小事 :)

标签： css less media-queries media

【解决方案1】：

您应该删除此行中的and：

@media and (min-width: @screen-md)

变成：

@media (min-width: @screen-md)

【讨论】：