Skip to content

Instantly share code, notes, and snippets.

@seanbuscay
Created February 12, 2014 22:48
Show Gist options
  • Save seanbuscay/0d6ab7128d79ec04314c to your computer and use it in GitHub Desktop.
Save seanbuscay/0d6ab7128d79ec04314c to your computer and use it in GitHub Desktop.
First you want to start with binding the window resize event to a function of your choosing.
$(window).on("resize", methodToFixLayout);
Now you can determine the new heights and widths and make adjustments to the page from there.
function methodToFixLayout( e ) {
var winHeight = $(window).height();
var winWidth = $(window).width();
//adjust elements css etc.....
//$("#someDiv").css('someProperty',someValue based on winHeight and winWidth);
}
Without more specifics on your layout it's hard to tell what changes you'll need exactly but this should get you going in the right direction.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment