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.