Skip to content
Adds media queries support to incapable browsers
JavaScript
Find file
Pull request Compare This branch is 33 commits behind pyrsmk:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
config
lib
src
Makefile
README.markdown
mediatizr-0.1.4.Sheethub.W.min.js
mediatizr-0.1.4.Sheethub.min.js
mediatizr-0.1.4.W.min.js
mediatizr-0.1.4.min.js

README.markdown

Mediatizr 0.1.4

This library adds media queries support to browsers that don't support it (like Internet Explorer 5.5-8).

Features

  • px/em values
  • min-width/max-width
  • min-device-width/max-device-width
  • resizing, zooming and text size changing will re-evaluate media queries for live responsive adjustment
  • @keyframes friendly
  • expose current media queries support with window.supportMediaQueries

Use

Simply link the script to your page as usual. Mediatizr will run by itself.

Dependencies

Mediatizr uses Sheethub and W libraries. Then, you can choose among 4 script versions to minimize bandwith use and maximize simplicity. If you've already added one of these libraries (or both) into your project, then take the simple minified mediatizr version, else take the one with the script(s) that you haven't included.

Caveats

There's some issues between IE<8 and em values in W. If you've planned to use em units on your media queries and you want to support IE6/7, then you must load mediatizr when the DOM is ready.

Unlike Respond, you don't need to put /*/mediaquery*/ comments to help mediatizr to parse media queries.

Using mediatizr with STYLE stylesheets (sheets that have been included to the HTML page itself) can't work. Because, when the browser parses the STYLE stylesheet and encounters rules that it doesn't understand then it will simply drops these rules: your media queries are lost. For...ever.

License

Mediatizr is brought to you with the MIT license.

Something went wrong with that request. Please try again.