媒体查询无法在没有屏幕的情况下工作

Question

我在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%;
    }
}

问题：第一个媒体查询有效，秒没有。如果我删除屏幕，第一个也不起作用。

那么，有人可以帮助我吗？

Answer 1

您应该删除此行中的and：

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

成为：

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