CSS Responsive Layouts Media Queries Media Query Review

Is only screen essential / necessary?

What's the importance of using only screen? Guild from a previous css course never used it. He would write something like...

@media (min-width: 768px) {
    //css rules here
}

Is this valid, or is it better practice to use only screen?

1 Answer

Here is a quote straight from W3C to explain this one.

The keyword ‘only’ can also be used to hide style sheets from older user agents. User agents must process media queries starting with ‘only’ as if the ‘only’ keyword was not present. -from stack overflow.

Hope that helps. Happy designing (:smile:)(:smile:)(:smile:)(:smile:)