浏览器完全打开时填充背景的背景图像，关闭时裁剪

Question

当使用任何尺寸的显示器完全打开浏览器窗口时，我想使用图像作为总窗口背景。

如果浏览器窗口更窄，则应裁剪图像的左侧和右侧，并且不应显示滚动条。 background-size: cover;似乎让我接近，但是右边的庄稼。

如何实现这一目标？

Answer 1

body { 
    background-image: url("image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

将背景图像置于页面中心。