Vue v-html中内容图片过大自适应处理

之前图片如下,图片已经超出了页面的展示范围

对v-html增加样式处理

javascript 复制代码
<div class="body padding-l scroll " v-html="docData.content">       
</div>


<style scoped>

    .body >>> img {
        max-width: 100% ;
    }
</style>

效果如下:

相关推荐
lkbhua莱克瓦247 分钟前
IO流——打印流
java·开发语言·前端·学习方法
im_AMBER12 分钟前
Canvas架构手记 08 CSS Transform | CSS 显示模型 | React.memo
前端·css·笔记·学习·架构
申阳15 分钟前
Day 23:登录设计的本质:从XSS/CSRF到Session回归的技术演进
前端·后端·程序员
小胖霞16 分钟前
从生活实例解释什么是AST抽象语法树
vue.js
岛风风18 分钟前
前端HTML导出PDF分页难题:10天踩坑后的终极方案,精细到每个像素点!!!
前端·javascript
LYFlied21 分钟前
单页应用与多页应用:架构选择与前端演进
前端·架构·spa·mpa·ssr
前端老宋Running23 分钟前
你的组件 API 为什么像个垃圾场?—— React 复合组件模式 (Compound Components) 实战教学
前端·react.js·架构
alanAltman24 分钟前
前端架构范式:意图系统构建web
前端·javascript
梦鱼26 分钟前
我踩了 72 小时的 Electron webview PDF 灰色坑,只为告诉你:别写这行代码!
前端·javascript·electron
ycgg27 分钟前
Webpack vs Vite 全方位对比:原理、配置、场景一次讲透
前端