1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 两步轻松搞定 编辑器上传图片尺寸过大 超出前台显示区域问题!

两步轻松搞定 编辑器上传图片尺寸过大 超出前台显示区域问题!

时间:2019-10-11 19:17:50

相关推荐

两步轻松搞定 编辑器上传图片尺寸过大 超出前台显示区域问题!

用户在编辑器中随意上传图片,难免会遇到图片宽度超出前台显示区域,严重影响页面展示美观度。。。。

两步搞定方法:

1、书写在内容显示区域DIV中控制img标签最大宽度。

2、js清除用户设定宽度。

问题HTML 例如:

<div css="con"><img src="......" width="1000" height="1000" /></div>

如代码中所示,图片一般都会超出指定范围。

处理方法:

<script type="text/javascript">

$(document).ready(function (e) {

$(".con img").css({ "height": "auto", "width": "auto" });

})

</script>

<style>.con img{ max-width:500px;}</style>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。