图片加载时闪烁问题

之前这样写本地没有问题，但是发包之后会发现每次刷新页面或切换菜单时，图标都会自上至下闪烁一下

<img class="head-logo-img"

             src="@/assets/images/logo.png"

             height="auto"

             width="45"

             alt="logo"/>

修改后：

<div class="head-logo-img"></div>

.head-logo-img {

        margin: 0 20px;

        width: 45px;

        height: 46px;

        background-image: url(../../assets/images/logo.png);

        background-size: 100%; // 需要注意，不加的话图片不展示

      }