Question

我设置了@screen-xs-max和@screen-sm-max的样式。这两个查询都有效。现在我正在尝试设置@screen-md-max样式，并且样式不适用于某个div。并非所有款式 - 仅限于特定的div。当你检查元素时，它们甚至都不会出现？

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%;并且它适用。

Answer 1

你忘了点

    .tab-content > .tab-pane {
    display: block;
    height:0;
    overflow:hidden;
}

.tab-content > .active {
    display: block;
    height:auto;
}

特定媒体查询无效

1 个答案: