这一段是通过接口获取的富文本,通过在标签中写入‘v-html’渲染到了页面上,但是图片大小溢出了屏幕。
想改变图片大小,可通过 ‘>>>’ 属性穿透 。
如果是用的是css原生样式,可通过‘>>>’解决。
.htmlContent>>>img {
// padding: 15px;
// /deep/ img {
width: 100%;
// }
}
如果是scss 预处理器,因为‘>>>’无法编译,可使用::v-deep代替
.htmlContent {
::v-deep img {
width: 100%;
}
}
/deep/会报错 不晓得为什么
.htmlContent {
/deep/ img {
width: 100%;
}
}