sdumas / selector-queries

Adjust the layout of an HTML element based on its width

Home Page:http://ahume.github.com/selector-queries/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Selector queries and responsive containers

This script allows you to apply different class values to an HTML element based on its width. Use it as follows:

<div data-squery="min-width:400px=wide max-width:10em=small">
    <p>Content here</p>
</div>

This will apply a class of wide when the element is wider than 400 pixels and a class of small when it is narrower than 10 ems. It works in all modern browsers back to and including IE6.

That's all.

About

Adjust the layout of an HTML element based on its width

http://ahume.github.com/selector-queries/


Languages

Language:JavaScript 54.0%Language:HTML 46.0%