The world web design upside down by rapid spread of mobile devices has turned. Users does not have longer view web content on traditional desktop systems, but they increase the using smartphones, tablets, and other devices with the help of wide range of dimensions. To ensure the websites look good not only on a big screen by challenge of web designers, aslo on a tiny phone and everything in between.
Media queries is a CSS3 extension to different type of media that allows far greater control over rendering across different devices than do alone media types. Used in conection with the help of media type. This type of media query is a logical expression, evaluating to true or false, that tests have one or more features of the output device to which the CSS is to be applied.
Responsive Web Design is suggests that design and development. It should be respond to the behavior and environment of the user based on screen size, platform and orientation. This responsive design is still a new way of thinking. Media Queries are a great tool to increase the experience of browsing a web site on a multiple devices. It's a good idea to consider the multiple devices that do not support them.
CSS3 Media Queries are supported in Internet Explorer(IE) 9+, Firefox 3.5+, Safari 3+, Chrome 10+, Opera 9+, and many more modern smartphones and other screen based devices(including iPad/iPhone, Android, Blackberry, Bada and Windows Phone). The old version of the IE doesn't support media queries, you can definitely consider using them. Media Queries are using Javascript fix to properly support, but it is outdated browsers.
The responsive web design service makes a great custom experience for everyone. As a web designers we all are strive for that every day on every project anyway.