CODEWITHSUNDEEP
htmlcss
Martel Benjamin
Martel Benjamin

Reputation: 150

Imbrication of min-width min-height doesn't work on IE

I have IE11 and Chrome. In my css, I have an imbrication of media min-height min-width and it's works but not on IE11.

This is the code :

@media (min-width: 0) and (max-width: 992px) {

    @media (min-height: 0) and (max-height: 480px) {
        #menu_fixed_left {
            height: 30vh !important;
        }
    }
}

So, this is my question, does it work on IE ? Because I can't have a proper code.

Upvotes: 0

Views: 79

Answers (1)

Joel Almeida
Joel Almeida

Reputation: 8037

You can omit the values that are 0, just like @somethinghere told you in the comments.

Also, we can remove the nest because that won't work in Opera and IE like you figured out.

So, we can use this :

@media screen and (max-width: 992px) and (max-height: 480px) { //your rules}

Upvotes: 1

Related Questions