使用@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; }
}

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

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

Answer 1

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

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

Hide a fixed position DIV using @media display:none