使用css缩放背景图像只会将其剪掉，不会改变比例

Question

我试图用css缩小背景图像。我的浏览器一直在扩展到它的最大分辨率，并且没有任何可行的工作正在发挥作用。

当我尝试使用max-width时，它不会缩放图像，它只会切断图像的右边缘，并保持相同的比例。

这是我的CSS

.proj-header{ /* Settings for projects bgr image */
    position: relative;
    bottom: 20;
    height: 450;
    background-image: url(pics/fight_shy_lot.jpg);
    background-repeat:no-repeat; 
    background-position: 50% 38%;
    max-height: 40%;
    max-width: 100%;
    background-attachment: fixed;
    background-position: center;

}

我不认为HTML是重要的，因为它只是一个空的div。一切都在css中。

我唯一可以工作的是background-size，但是当从我的基础res调整视口大小时会导致问题。

所以我的问题是为什么不是max-width做每个人都应该做的事情，或者我使用它错了？

我对网页设计很陌生，所以如果这是一个愚蠢的问题，我很抱歉，但我搜遍了所有的答案，所有人都说是max-width，对我没有任何帮助。