Media Query Fallback

Experimental project

This is a sandbox project, which contains experimental code for developer use only.

Provides graceful media query fallback for legacy Internet Explorer browsers.

This module will allow you to gracefully degrade your mobile first website to a specific breakpoint for older browsers. Currently it supports Internet Explorer 8.

Simply specify the breakpoint width you wish to show, such as 960px. It will provide a conditional stylesheet with all the extracted media queries meeting that that specific breakpoint.

The benefit of using this approach, is that you greatly improve front-end performance which does not rely on Java Script requesting and parsing the CSS. The down-side, is that the website will be fixed to a specific breakpoint and you have one or multiple extra HTTP requests - depending on if you have CSS Aggregation turned on or not.

For high availability websites it is important to provide assets via the CDN. However, using a client side solution introduces the problem of cross domain issues. These add an additional overhead to processing the CSS in the client browser. This module circumvents this problem by providing a stylesheet for a specific breakpoint, greatly enhancing the user's viewing experience.

This module works with the Less and CDN module.