Bootstrap使屏幕缩小时图片铺满全屏。

我们经常遇到，当屏幕缩小时，即使图片宽度设为100%，但是图片的高度也会变小。对我们来说非常困扰，我们需要图片在屏幕缩小时，也保持铺满屏幕的状态。方法如下：

img{
     width: 100vw;
     height: 100vh;
}

如果是背景图片的话：

#bigBox{
    background-image: url(./bootstrap-5.1.3-dist/img/login-bg-2.jpg);
    background-size: 100% 100%;//图片的宽高
    height: 100vh;//盒子的高度
}

VW :视口宽度，由于本来就是跟随屏幕变化的，所以更具有灵活性，不用获取窗口来动态设置窗口宽度

Vh:视口高度，视口宽度同理，都是less，scss中的单位。