vue 使用 less对富文本img标签样式不起作用

在vue开发移动端中, 通过后台拿富文本渲染页面时,会发现写的less对富文本中的img样式不起作用,图片大会有溢出的现象


less样式(@width:100%;)

你会发现图片还是溢出,后来百度才知道,使用less样式正常穿透 ,也就是样式不起作用,解决方法 将样式领出来,使用css 的 “>>>” 或者是less中的 “/deep/” 去解决


css样式中的穿透

.detail_info {

   /deep/ img{

                  max-width:100%;

         }

}

less 中修改;

你会发现完美的解决了图片溢出的问题。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容