【问题标题】:cant get my @media code to fire, can you see why?无法让我的@media 代码触发,你知道为什么吗?
【发布时间】:2014-04-02 02:53:31
【问题描述】:
body .gilidPanel-opener {
top: 55%;
}

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

我在上一个问题中被告知,如果我使用值“top”,我需要在元素上使用“absolute”。绝对破坏了我元素的功能,有人知道解决这个问题的方法吗?

如果您想亲自查看,该页面是 www.focallocal.org,它位于屏幕最左侧的选项卡,我希望在移动设备上显示在下方,以免妨碍阅读。

【问题讨论】:

    标签: css mobile position width absolute


    【解决方案1】:

    这叫做媒体查询,没问题。它不起作用的原因是因为您的默认 css 具有比这更高的优先级。您已经在使用fixed 位置,所以top 应该可以正常工作。使用这个

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

    【讨论】:

    • 这听起来非常明智和可能,我使用的免费主题确实需要很多 !important 标签来覆盖东西。不幸的是,它没有用,不知道为什么。
    • 好吧,我在现场网站上进行了编辑,它对我有用。
    • 奇怪,代码现在在我的 wordpress 主题中运行,但有些东西阻止它工作。
    • 哦,等等。我将它设置为 5000 并且它工作。它必须只是我设置的值对于移动设备不正确。我的错误,对不起,非常感谢您的帮助!我会玩弄价值观并尝试让它在移动设备上运行。
    • 我将其更改为 max-device-width 并且与 !important 标签一起解决了它。另外,我的 Oppo find 5 的屏幕分辨率高得离谱!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-29
    • 2020-06-12
    • 2019-09-17
    • 1970-01-01
    相关资源
    最近更新 更多