Vue v-html图片显示宽度问题
文章描述：
vue开发中内容区域的图片不能100%显示，设置了图片宽度已经属性不生效，如何处理vue图片宽度显示问题？
1、去掉style里面的scoped
vue中的 style 标签上，有一个特殊的属性：scoped 。当一个 style 标签拥有 scoped 属性时，它的 CSS 样式就只能作用于当前的组件，也就是说，该样式只能适用于当前组件元素。通过该属性，可以使得组件之间的样式不互相污染。如果一个项目中的所有 style 标签全部加上了 scoped ，相当于实现了样式的模块化。
2、设置样式穿透
::v-deep .detail_box img{
width: auto;
max-width: 100%;
}::v-deep样式穿透保险且编译速度更快
发布时间：2022/07/26
发表评论