detail
变量中存放的是tinymic富文本
中保存的标签内容
<div class='style' v-html='detail'></div>
如果div
中的图片本身分辨率很高,展示出来则会出现横向滚动条,图片的大小并不能随着父元素的宽度自适应展示
如果直接设置.style img { width : 80% };
,发现并不能生效,并且存在
此时可以加上 >>>
来修改标签内所有图片的样式
<style scoped>
.style {
width: 100%;
}
.style >>> img{
max-width: 100%;
height: auto;
}
</style>