媒体查询在 opera mini 浏览器上不工作，但在 Firefox 和 chrome 浏览器上工作正常

Question

Here is a snippet of my CSS code for the media query:

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

}

The code works fine on both mobile chrome and Firefox but not on opera. I do not know why. Is there any special keyword for opera I'm missing to include in my CSS code? Please help me.

Answer 1

You have to use Modernizr , or Respond ;

Just see the documentation provided in the documents if you really want to do it.

These two repositories that I have mentioned above will take care of everything