Html 特定媒体查询不起作用

我已经设计了

@screen xs max

和

@screen sm max

的样式。这两个问题都有效。现在我正在尝试设置

@screen md max

的样式，但是这些样式不会应用于某个分区。不是所有的样式，只是应用于某个分区。当您检查元素时，它们甚至根本不会出现

HTML:

<div class="screenshot-projects bottom-border wrap" style="background-color:#fff;">
    <div class="container">
        <div class="row">
            <div class="col-md-7">
                <div class="projects-img">
                    <img src="~/Images/img-lgipad.png" />
                </div>
            </div>
</div>

@media (max-width:@screen-md-max) {

    .screenshot-projects {

        projects-img {
            max-width: 300px!important;
        }
    }
}

唯一不适用的样式是图像大小的样式-它占据了整个屏幕，只有当我调整到中等大小时才会发生这种情况。在xs和s时，其

max:100%并且它适用。
您忘记了点

@media (max-width:@screen-md-max) {

    .screenshot-projects {

        .projects-img {
            max-width: 300px!important;
        }
    }
}

你忘了点

@media (max-width:@screen-md-max) {

    .screenshot-projects {

        .projects-img {
            max-width: 300px!important;
        }
    }
}