媒体查询无法在 Opera mini 浏览器上运行，但在 Firefox 和 chrome 浏览器上运行良好

Question

这是我用于媒体查询的 CSS 代码的 sn-p：

@media (min-width: 320px) and (max-width: 480px) {

.vertical-bar{
    display: none;
}

.fa-bars{
    position: fixed;
    left:280px;
    top: 20px;
}

.fa-bars.animate{
    top: -71px;
}

.fa-bars.sticky{
    top: 25px;
}

}

该代码在移动 chrome 和 Firefox 上都可以正常工作，但在 opera 上却不行。我不知道为什么。我的 CSS 代码中是否有我缺少的歌剧的特殊关键字？请帮我。

Answer 1

你必须使用Modernizr，或者Respond；

如果您真的想这样做，请查看文档中提供的文档。

我上面提到的这两个存储库将处理所有事情