• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Background Resize based on viewers resolution?

Does anyone know how to make it so that backgrounds resize based on what resolution the viewer is using?

I made a bunch of themes at 1920x1080, and then found out a lot of my members are using really small resolutions still. I would like a way to make the backgrounds fit, without having to resize the images myself and uploading entirely new themes.

Jake Bunce

XenForo moderator
Staff member
Sorry try this one:

background-size: contain;
I just tested that with a large background image that exceeded my browser. Adding this property successfully shrunk the image to fit.