Vue中使用v-html内容图片过大的解决方法

在同事的项目中遇到一个问题，使用 Vue 的 v-html 后，内容里边的图片太大，显示不全。

但是设置 style 又不管用：

.img {
  max-width: 100%;
  height: auto;
}

实际上还是 Vue 的 scoped 穿透问题：参考我之前的文章（Vue项目中scoped属性的作用，及scoped穿透）

<style scoped>
  .content >>> .img {
    max-width: 100%;
    height: auto;
  }
</style>

这样就可以解决 Vue 中 v-html 内容样式设置不了的问题了。

推荐阅读：

Z-Blog 搜索报错：Cannot pass parameter 1 by reference 解决方法

WebStorm绑定Chrome浏览器实现实时自动刷新

JetBrains IDE Support 浏览器自动刷新插件（不定时更新）

css的cursor属性 鼠标指针样式

iCheck实现radio单选框点击选中/取消选中