Custom jQuery for Fitting Website to Mobile Devices

Code Snippet

November 7
blog author

vanessab

Custom jQuery for Fitting Website to Mobile Devices

This little trick can be used to fit websites into mobile screens. For more information refer to this blog post

$(window).load(function() {
  setImageSize();
});

$(window).resize(function() { 
  setImageSize(); 
});

function setImageSize() {
  $bodyHeight = $('body').outerHeight();
  $headerHeight = $('#header').outerHeight();
  $footerHeight = $('#footer').outerHeight();
  $imageHeight = $bodyHeight - $headerHeight - $footerHeight;
  $('#image').height($imageHeight);