媒体查询改变了吗？

Question

我设置了一个媒体查询来更改我的#secondary包装器的属性

这是我设置的媒体查询

# Making up data
df = pd.DataFrame({'value1': np.random.normal(1, 1, 99),
                   'value2': [-1]*33 + [0]*33 + [1]*33})

df.hist()

问题是它没有应用这些更改，直到479px，即使我将其设置为676px;

当我查看google中的dev工具来查看css时，它看起来像这样

df.plot.hist()

为什么会发生这种情况，我该如何解决？

Answer 1

您的问题似乎缺少媒体查询的大括号。我通常发现在媒体查询中缩进所有内容很有帮助，所以这不会偶然发生。

@media screen and (max-width: 767px) {
    .left-sidebar #secondary {
        float: right;
        width: 100% !important;
    }
}

而不是

@media screen and (max-width: 767px) {
    .left-sidebar #secondary {
        float: right;
        width: 100%!important;
    }