div设置背景图片设置cover后有一部分都出去了隐藏了

1. <div class="box-image">

2. <img class="img-style"

3. src="~@/assets/img/picture.png"

4. />

5. </div>

.box-image {
   width: 1200px;
   height: 488px;
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
   border-radius: 8px;
 
  .img-style {
      width: 100%;
      height: auto
  }
}