Meida queries is a new module function added by CSS3, its biggest feature is to query the media through CSS3, then call the corresponding style.
In a thorough understanding of media queries we need to understand two important parts, the first is the media type and the second is the media feature. Here's a quick overview of these two sections:
I. Media type
Media type is a common attribute in CSS2 and is a useful property that allows you to specify different styles for different devices through the media type.
Often encountered in the CSS2 is all, screens (screen), print (page printing or print preview mode), in fact, the media type far more than the three kinds of, the world's media list of the total 10 medium type. As shown in the following table:
Among them, Screen,all and print are the three most common media types.
Media query--Medium type (i)