Full Width Background Image Sizing
# May 22, 2013 at 2:19 am
I am looking to fix my second full width image (the one in the middle of the page) so that it auto fits horizontally the same as the one above in the header image. Can somebody check my CSS so see if it is correct. It needs to auto resize to fit the screen like the header image above. When I view it on mobile it is not fitting correctly. Thanks for taking a look.
}# May 22, 2013 at 10:15 am
A [jQuery](https://github.com/louisremi/jquery.backgroundSize.js) solution# May 22, 2013 at 10:34 am
” background-size:cover ” is the best solution for this issue. for ie7 and ie8 try to use jquery background image re-size plugin (Please visit the link: https://github.com/louisremi/jquery.backgroundSize.js).
You can use conditional statement only for IE7 & IE8 (helps to optimize site loading time )
You must be logged in to reply to this topic.