Vue中v-html图片溢出

场景：前端发中个经常遇到渲染富文本的需求！但是也会有很多问题，今天遇到v-html渲染富文本时图片会溢出，找了很多方法没有用！然后自己试了很多次五一中发现的实现方法！
问题：

view:

<div class="tab_con" v-html="item.familiar_content"></div>

试方法无效：

.tab_con{
    //找不到img标签
    img{
      width: 100%!important;
      height: auto!important;
    }
    //找不到img标签
    ::v-deep {
      img {
         width: 100%;
      }
    }
    //找不到img标签
     >>>img{
        width: 100%;
     }
}

以上几种老是找不到富文本的img标签，样式作用不了，图片渲染还是会溢出！换一种写法（首先先获取到img标签再说）

.tab_con{
    /deep/ img {
        width: 100%;
    }
}

给img一个深度，可以获取到img标签！但是又会有一个问题：如果后端传回来的是一个内联样式，这个深度可以获取到img，但是优先级不比内联样式高！所以也作用不过去！

又来尝试：给它一个最高优先级！就ok！！！

.tab_con{
    /deep/ img {
         width: 100%!important;
         height: auto!important;
     }
}