今天发现一个很奇怪的问题就是响应式网站在手机上预览,图片太大超出一定范围的问题,后来寻找很多方法,最终完美解决,方法就是去掉织梦后台编辑器对图片的大小控制属性,然后在对应的CSS里面加入width:100%属性即可解决,方法如下

取出织梦ckeditor编辑器图片大小控制属性


其实这个问题很好办,只需要去除style尺寸属性就搞定了,那么这个style尺寸的文件在织梦模板里面有个对应的js文件,为了简单化,本站已经将文件修改好,只需要下载并上传到你的服务器,选择覆盖文件即可。

下载链接:去除织梦后台
style尺寸文件  提取码:ori0

使用方法:

1、下载这个js文件,然后上传解压到服务器、上传至include目录并覆盖。

2、
清除浏览器缓存,然后在后台上传图片就可以看到宽度和高度的值就没有了。

织梦宽度和高度的值就没有了


最后,在css添加img属性,如:img{width:100%},即可实现图片自适应宽度,同时还解决了移动端自适应问题。

添加img{width:100%}属性

总结:全部弄完以后,新上传的图片都是没有大小属性的,但是之前上传的图片是没有变化的,如果考虑到自适应问题,要么就需要手动去一个个的删除之前上传的图片大小,要么批量,这个取决于自己。