跨背景高度缩放CSS图像

Question

I'm trying to get a CSS image to scale depending on the size of the browser and maintain it's height:width ratio, however, I am particularly bad with website programming and at this point I've made a huge mess of the code. My image fits nicely with the proportions on my computer, but no matter what I seem to do it doesn't scale when I check on a bigger screen all I get is the exact same image with a huge gap on the bottom. I would provide my code but like I said, it's gotten pretty messy. Any suggestions?

Answer 1

use

background-size: cover;

it will scale the image with your window

https://developer.mozilla.org/en-US/docs/Web/CSS/background-size