我正在尝试在我的网站背面设置图像。我希望它覆盖整个屏幕，但每次我移动屏幕时，图像都会放大。
例如。如果我的图像是一个笑脸，当窗口占据屏幕的一半时，它会显示四分之一的屏幕被填满，当窗口占据全屏时，图像占据了所有内容，但你只看到一只眼睛和一部分微笑。
这是我的网页
<body>
<div id="bWrapper" >
</div>
</body>
这是我的 CSS
body{
}
#bWrapper{
background-size:100$ 100%;
background-repeat:no-repeat;
/* Set rules to fill background */
min-height: 800px;
min-width: 1124px;
/* Set up proportionate scaling */
width: 100%;
height: 100%;
position:absolute;
}
您还需要为身体提供宽度：100% 和高度：100%
html,body
{
width:100%;
height:100%;
}