rHeight

rHeight can be used to force any page element to display at the same height as the user's screen, a desired container or just of percentage of the scree or selected container.

This feature can be really useful when developing responsive page layouts, or websites that also need to render on mobile devices.

The effect is solely achieved via a combination of CSS tricks involving min-width, mix-height, max-height, and box-sizing properties.

What this means is that rHeight simplifies the process of creating a responsive website by not using multiple breakpoints and CSS media queries which can get really cumbersome after a while.

A demo is included with the download package.

Requirements:

• JavaScript enabled on client side
• jQuery