css设置背景图片等比例铺满整个页面

有次UI给我提出了bug说我的登录页的背景图变形了，后来查了下正确的背景图设置，如下：

.login-box {
  width: 100%;
  height: 100%;
  background: url("../../assets/img/login_bg.png") no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 100vh;
}

1. background: url(“…/…/assets/img/login_bg.png”) no-repeat 设置背景图片地址 no-repeat背景图像将仅显示一次,在水平和垂直方向上不重复；

2. background-size: cover; 图片等比例扩大。背景图像的某些部分也许无法显示在背景定位区域中，图片多出的部分则会被截掉。

   这里还可以设置：

   background-size: contain; 图片比例不变，把图像图像扩展至最大尺寸，容器可能会有留白区域

   background-size: 100% 100%; 使图片占满整个页面。

3. background-attachment：fixed 当页面的其余部分滚动时，背景图像不会移动