What happens if I specify a media query property that is not supported?

Question

You have questions like this, and this that say if the browser doesn't support media queries the whole thing is ignored.

What I need to know is what happens if the browser supports media queries, but don't support a specific property. For instance the following would target any devices up to 750px width on portrait orientation. Now, assuming I'm running this on a device that doesn't support the "orientation" property. Would the orientation property be applied to any device smaller than 750px or the whole thing would be ignored?

@media screen and (min-device-width:750px) and (orientation: portrait){ 

/*some css rule*/

} 

Answer 1

From your link:

If the browser doesn't support Media Queries then nothing happen it's ignore everything inside the condition.

For your questions this means, that if the browser doesn't know one media query (which you are connectiong with and) all media queries are ignored. You can test this by "inventing" own media query like this:

@media screen and (test: "test"){
    body {
        background-color: green;
    }
}

Fiddler: http://jsfiddle.net/JVqqd/ As you can see the query is ignored because test is unkown, but it might be a future media query.

@Mr Lister According to Can I use no issues regardin media queries are known, so all follow this concept