百度ueditor编辑器控制图片在编辑框中的大小

一、实现方法

找到该路径中的css:
在这里插入图片描述

img {
    max-width: 100%; /*图片自适应宽度*/
    width: 20%;
    height: 20%;
}
body {
    overflow-y: scroll !important;
}
.view {
    word-break: break-all;
}
.vote_area {
    display: block;
}
.vote_iframe {
    background-color: transparent;
    border: 0 none;
    height: 100%;
}
#edui1_imagescale{display:none !important;} /*去除点击图片后出现的拉伸边框*/

加入以上代码,实现图片的自适应。并且控制图片的大小

可通过

img {
    max-width: 100%; /*图片自适应宽度*/
    width: 20%;
    height: 20%;
}

来控制图片的显示大小。

二、实现效果

在这里插入图片描述

发布了328 篇原创文章 · 获赞 110 · 访问量 47万+

猜你喜欢

转载自blog.csdn.net/qq_42249896/article/details/103057070