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 内容样式设置不了的问题了。
声明：本文由w3h5原创，转载请注明出处：《Vue中使用v-html内容图片过大的解决方法》 https://cloud.tencent.com/developer/article/1653689
本文已加入 腾讯云自媒体分享计划 (点击加入)
(adsbygoogle = window.adsbygoogle || []).push({});本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读