场景是写网站banner的时候图片放上去总有白边,很多方法试过了但是没有效果,于是简单粗暴的解决掉吧
在图片外面包一个父盒子,设置宽高,然后添加overflow: hidden;
属性,图片标签宽高设为100%即可,如果还有白边就设的比父盒子稍微大一点
<div class="banner-box white"> <img style="width: 100%;aspect-ratio: 1.7/1;" :src="baseUrl + bannerUrl.image" alt=""> </div> // css .banner-box { width: 100%; aspect-ratio: 1.7/1; background-color: palegoldenrod; position: relative; overflow: hidden; }
简单 粗暴 解决 记录一下