不会健身的程序员
不是好作家

项目总结-百度编辑器(4):图片最大宽度100%

在编辑器中如果插入一张大图,会很大,为了让插入的图片默认不比编辑器大,还有显示的时候图片不比屏幕宽度大,或者div的宽度大,下面提供方法。

编辑器设置

在ueditor/themes/iframe.css中,
/可以在这里添加你自己的css/

img {
    max-width: 100%; /*图片自适应宽度*/
}
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%; /*图片自适应宽度*/
}
赞(0)
转载请注明出处:林俊龙博客 » 项目总结-百度编辑器(4):图片最大宽度100%

评论 9

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    学习了,感谢分享

    卢松松博客 3年前 (2016-08-23) 来自天朝的朋友 未知浏览器 Unknow Os 回复
  2. #2

    好文,谢谢分享

    飞利浦呼吸机 3年前 (2016-09-01) 来自天朝的朋友 未知浏览器 Unknow Os 回复
  3. #3

    感谢分享 祝您开心快乐每一天! http://www.viplinger.cn

    VIP灵儿网 3年前 (2016-09-01) 这家伙可能用了美佬的代理 未知浏览器 Unknow Os 回复
  4. #4

    有意思

    太阳能热水器厂家 3年前 (2016-09-04) 来自天朝的朋友 未知浏览器 Unknow Os 回复
  5. #5

    感谢分享 祝您开心快乐每一天!

    卢松松博客 3年前 (2016-09-06) 来自天朝的朋友 未知浏览器 Unknow Os 回复
  6. #6

    感谢分享 祝您开心快乐每一天! http://www.xevip.cn 诚交友情链接,请先做好本站链接,能查到反链我会添加的

    小易分享网 3年前 (2016-09-07) 这家伙可能用了岛国的代理 未知浏览器 Unknow Os 回复
  7. #7

    赞赞

    净水机厂家 3年前 (2016-09-09) 来自天朝的朋友 未知浏览器 Unknow Os 回复
  8. #8

    棋牌游戏开发 3年前 (2016-09-09) 来自天朝的朋友 未知浏览器 Unknow Os 回复
  9. #9

    赞赞

    太阳能热水器厂家 3年前 (2016-09-13) 来自天朝的朋友 未知浏览器 Unknow Os 回复

年年岁岁花相识,岁岁年年人不同

给我留言网站地图

谢主隆恩

支付宝扫一扫打赏

微信扫一扫打赏