如何“填充”背景图片？

Question

我正在建立一个网站，我需要在填充和中心背景图像之间有显着差异。我的模板是这样的：
中心： 使用原生分辨率来确定尺寸。 填充： 适合填充屏幕而不改变宽高比。双面完全适合屏幕，而另外两个被切断。

我设法以

为中心

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

但我无法弄清楚我会怎么做。有什么见解吗？

Answer 1

我相信你想要background-size: cover。 Other background-size options