深入浅出CSS

今天在写屏保功能的时候，设置了background-image:url()，在网页端预览得到的是正确的url，但是发现展示出来的仅仅是其中一小块

** 源码 **

  background-image: url("../../public/img/welcomeBg.png");
  background-repeat: no-repeat;
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;

A : 因为没有设置 background-size: 100% 100%;这个属性导致被裁减.详见 background-size有contain,cover和数值