css - 使用@media display :none隐藏一个固定位置的DIV

Question

有问题的 div 是:

  .fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 200px;
    background-color: white;
}

我想要的是:

@media screen and (max-width: 720px){
.fixed { display: none; }
}

但是显然这不是固定容器的工作方式？

那么当屏幕调整到太小而无法同时显示容器和主要内容并因此使容器与内容重叠时，如何隐藏“粘性”容器？

Answer 1

你的 css 代码似乎工作正常，也许有一个规则比你的媒体查询中的规则更重要/权重，添加 !importat 并查看它是否有效:

@media screen and (max-width: 720px){
    .fixed { display: none !important; }
}