如何“填充”背景图像？

Question

我正在制作一个网站，我需要在填充和中心背景图像之间有显着差异。我的模板是这样的：
中心： 使用原始分辨率来确定大小。 填充： 在不改变纵横比的情况下，使边适合填充屏幕。两侧正好贴合屏幕，而另外两个被切断。

我设法集中注意力

.center {
    background-repeat: no-repeat;
    background-size: auto auto;
    background-position: center center;
}

但我无法弄清楚我将如何填充。任何见解？

Answer 1

我相信你想要background-size: cover。其他背景尺寸选项。