不能让我的@media代码解雇，你能明白为什么吗？

Question

body .gilidPanel-opener {
top: 55%;
}

@media all and (max-width: 700px){
body .gilidPanel-opener {
  top: 85%;
}
}

我在之前的一个问题中被告知，如果我使用值'top'，我需要在元素上使用'absolute'。绝对打破了我的元素的功能，有没有人知道解决这个问题？

如果您想亲眼看看，该页面是www.focallocal.org，它是屏幕最左侧的标签，我想在移动设备上显示较低，因此它不会阻止阅读。

Answer 1

它被称为媒体查询，很好。它不起作用的原因是因为你的默认css具有比这更高的优先级。您已使用fixed位置，因此top应该可以正常使用。使用此

@media all and (max-width: 700px){
  body .gilidPanel-opener {
    top: 85% !important;
  }
}