Javascript 按比例调整背景图像的大小

我有一个集装箱部门：

<div id="fullpage" class="fullpage_bg">
    ...rest of the elements
</div

---

对于不同的屏幕尺寸，有没有一种方法可以通过使用CSS或纯JS no jQuery按比例缩放图像？例如：对于横向，图像可能占据屏幕的整个高度，但侧面仍有一些边距，因为图像必须保持比例，但仍尽可能填满屏幕。在纵向上，它可能占据整个宽度，但在顶部和底部有一些边距。谢谢

我强烈推荐克里斯·科伊尔的

诀窍是将“背景大小”属性设置为“覆盖”，将“附件”属性设置为“固定”

html{ 背景：urlmages/bg.jpg无重复中心固定； -webkit背景尺寸：封面； -moz背景尺寸：封面； -o-背景尺寸：封面； 背景尺寸：封面； } 你可以试试

background-size: cover

或

---

有关此属性的更多详细信息，请参见

可能的副本-我一直在这个制作精良的网站上，介绍如何按屏幕比例固定背景图像，请查看：并告诉我它是否对您有所帮助。这有点帮助：根据链接中的信息，我决定使用绝对定位的div和其中的图像作为我的背景。谢谢

background-size: cover

background-size: contain