Media queries is a feature of CSS 3 allowing content rendering to adapt to different conditions such as screen resolution (e.g. mobile and desktop screen size).
It became a W3C recommended standard in June 2012,[1] and is a cornerstone technology of responsive web design (RWD).
The HTML4 Recommendation from 1997 shows an example of how media queries could be added in the future.
[3] In 2000, W3C started work on media queries and also on another scheme for supporting various devices: CC/PP.
The value of the "media" attribute specifies on what device the linked document will be displayed.