What is the difference between Media Rule and Media Query?

Question

What is the difference between Media Rule and Media Query?

Navigation

#1 by (2 votes)

2

Sometimes I see one of these two terms being mentioned when it comes to responsiveness or content adjustment to variations of screen types and devices.

Looking at this documentation in W3S is said to:

Media query is a CSS technique introduced in CSS3. (translating: Media query is a CSS technique presented in CSS3 ).

And Media Rule , where do you get into it? Reinforcing the question: do both terms represent the same thing? If not, what is the difference between them?

css css3

asked by anonymous 23.07.2018 / 00:41

1 answer

Error adding Youtube Player How to send FORM values to the Controller in ASP.NET MVC?

score 2 · Accepted Answer

The Media Rule you say are @media which are rules. They are used to apply a style based on the result of one or more Media Query . That is, the style that is contained in the @media rule will be applied when the condition ( Media Query ) is true.