媒體查詢在 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 ；

如果您真的想這樣做，只需查看文檔中提供的文檔即可。

我上面提到的這兩個存儲庫將處理一切