css设置了背景图片会随浏览器页面缩小而缩小，如何设置它被缩小后的最小宽度

Question

body{

position: absolute;
width:100%;
height:100%;
margin: 0px;
padding: 0px;
background-image:url("chengping3.jpg");
background-repeat: no-repeat;
background-size:80% auto;
background-position:  top center;
background-attachment:scroll;
background-color: hsl(0, 17%, 93%);
text-align:center;

}

第一次写，啥都不会
希望图片在浏览器框框缩小的时候，缩小到一定宽度就不能再缩小了，同时要保证原来的宽高比

Answer 1

放图片的容器，给个最小宽度就行，min-width: '100px',background-size:100% auto