使用以下的样式存在一个问题,当屏幕放大的时,图片会放大
.item-header::before {
content: url('../assets/images/search/icon.png');
vertical-align: sub;
}
解决方案:
修改为
<div style="display: flex;">
<img src="../assets/images/search/icon.png" alt="" style="width: 0.24rem; height: 0.24rem;">
<div class="item-header" v-html="item.menuName"></div>
</div>
当如此设置之后即可实现控制图片的大小