Question

我正在尝试将图片设置到我网站的后面。我希望它覆盖整个屏幕，但每次移动屏幕时图像都会放大。

例如。如果我的图像是一个笑脸，当窗口占据屏幕的一半时，它将显示屏幕的四分之一填满，当窗口占据整个屏幕时，图像会占用所有内容，但您只能看到一个眼睛和一部分的笑容。

这是我的HTML

<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;
   }

Answer 1

你需要给身体宽度：100％和身高：100％

html,body
{
  width:100%;
  height:100%;
}

100％的高度和宽度会导致我的图像“缩放”

1 个答案: