CSS media queries: max-width OR max-height -


While writing a CSS media query, can you specify several conditions with "OR" logic?

I'm trying to do something like this:

  / * it does not work / media movie and (max. -Width: 995px or max-height: 700px) {...}    

Use a comma to specify two (or more) different rules:

  @ media screen and (max-width: 995px), screen and (max-height: 700px) {...}   

to

... Additionally, The list of different can combine multiple media query; If any media question is true from the list, the corresponding style sheet applies. This is equivalent to a logical "or" operation.

Comments