背景图片属性

 background-size 参数详情 

<style>
  background-image: url("");

  background-size: 100% 100%; //占满整个屏幕，除非图片适配，否则图片会变形
 
  background-size: 100% 50%;  //宽度占满屏幕，高度占50%

  background-size: 100% auto; //宽度占满屏幕，高度自动适配，高度有所牺牲

  background-size: auto 100%; //高度占满屏幕，宽度自动适配，宽度有所牺牲

  background-size: cover；  //铺满整个容器，多余的部分会被裁掉
  background-size: contain；//至少有一张完整的图呈现出来，会有多余的空间
</style>

---

 object-fit：图片显示大小

img {  
  width: 100%; /* 或者设置为你想要的固定宽度 */  
  height: 300px;
  object-fit: cover; /* 保持短边完整显示，长边剪裁 */  
  display: block; /* 防止图片下方出现空白 */  
}

// 类似background-size效果