媒体查询在Opera mini浏览器上不起作用，但在Firefox和Chrome浏览器上可以正常工作

Question

这是媒体查询的CSS代码段：

@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;

如果确实要这样做，请参阅文档中提供的文档。

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