JavaScript Across Responsive States

Abstract

The most common way to make web sites responsive is by using media queries in the style sheets. The media query defines the rules the browser much meet to show those particular styles. The main limitation of using media queries, however, is that they can only be used to change the look and feel of a site as they only have a limited use for changing the way a web site functions. To properly respond to the differences between the different types of devices a web site supports and to provide a truly responsive experience, other technologies must be used in conjunction with the media queries in the style sheet.