Html 根据屏幕调整背景大小而不失真图像

所以我有一个图像（w:1638px h:2048px），我使用

background image

函数将其设置为我的背景，然后尝试给它

宽度：100%和<代码>高度：100%属性。它在屏幕上水平拉伸图像，然后让我向下滚动剩下的部分。我不想滚动。是否有办法裁剪/定位纵向图像，使其看起来成比例，并正确填充屏幕作为背景？我是否应该在Photoshop中将其设置为不同的大小，以景观为导向

我有一个常规的
如果要为整个页面设置背景，只需设置
主体
元素的样式即可：

body {
    background-image: url(images/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}


body {
    background-image: url(images/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}