First Things First: What is a Media Query?
Media queries look at the capability of the device, and can be used to check many things, such as the width and height of a browser window. Media queries are a cornerstone technology of responsive web design.
Fixed, Fluid, Adaptive and Mobile Websites
In the past, people viewed websites mainly on desktop computers where websites had a fixed (or permanent) width to fit the size of the screen. With tablet and smartphone advancements, websites evolved into a variety of options:
Fixed Websites
When viewed on a mobile device, the fixed website either gets cut off or presents scroll bars to view the entire site. A fixed website has set widths, and no media queries.
...