CODEWITHSUNDEEP
jquerycssbrowserresize
user1486934
user1486934

Reputation: 99

Scaling background image to size of browser

Hi I'm trying to achieve what this website does with their big black and white image: http://oldbarbershop.com.au/

As you resize the browser window from the corner, the image resizes so that the whole picture fills the whole frame proportionally. Does this require a specific jquery plugin? or CSS3? I've seen many solutions such as setting the image background-size: 100%, but those don't exactly 'resize', rather just fill the whole frame.

Thanks for the help!

Upvotes: 0

Views: 121

Answers (1)

freejosh
freejosh

Reputation: 11383

Try background-size: cover

which specifies that the background image should be scaled to be as small as possible while ensuring both its dimensions are greater than or equal to the corresponding dimensions of the background positioning area"

Upvotes: 1

Related Questions