帝国cms内容页图片如何自适应
发布时间:2018-10-01 10:38:49作者:魏义齐阅读:()
按理说响应式网站用帝国cms都会遇到这个问题,但网上却没个像样的解决方法,网上的方法大致分为两个,一个是针对编辑器,一个是用第三方插件。
针对编辑器的:帝国CMS编辑器fckeditor修改:让图片自动固定高度,高度适应!(https://www.moyublog.com/notes/306.html);
用第三方插件的:如何防止帝国CMS的内容页里因为图片太大而撑大表格?(https://zhidao.baidu.com/question/396979972.html)。
上面两个方法都不科学,我的解决方法如下:
大家习惯性都是上传图片点确定,这样上传的图片在源代码里看是有固定尺寸的,这个固定尺寸就是阻止你做图片自适应的难点,其实尺寸可以不填为空的,照样可以上传图片,而且上传的图片在源代码里看<img>标签里没有限定宽高,如果你上传图片的时候没有填尺寸,那就给内容页图片写上如下样式:
针对编辑器的:帝国CMS编辑器fckeditor修改:让图片自动固定高度,高度适应!(https://www.moyublog.com/notes/306.html);
用第三方插件的:如何防止帝国CMS的内容页里因为图片太大而撑大表格?(https://zhidao.baidu.com/question/396979972.html)。
上面两个方法都不科学,我的解决方法如下:
大家习惯性都是上传图片点确定,这样上传的图片在源代码里看是有固定尺寸的,这个固定尺寸就是阻止你做图片自适应的难点,其实尺寸可以不填为空的,照样可以上传图片,而且上传的图片在源代码里看<img>标签里没有限定宽高,如果你上传图片的时候没有填尺寸,那就给内容页图片写上如下样式:
- max-width: 100%;
- height: auto;
如果你上传图片时没管尺寸点了确定,那就在上面的样式后面加上!important
- max-width: 100%!important;
- height: auto!important;
建议大家加!important吧,因为如果文章中的图片比较多的话,每上传一个图片都删尺寸有点浪费时间。
相关阅读
上一篇:帝国cms调用二级栏目代码(附参考结构和文档)下一篇:帝国cms编辑器更换为百度编辑器并成功实现前台代码高亮和自适应
赞助本站
原创不易,您的赞助就是博主更新的动力!

赞助本站可在赞助光荣榜留下外链信息,支付宝扫此二维码可领红包
最新会员
-
weiyiqi
- 从纯技术角度谈phpcms和帝国cms的优缺点(2091)
- 帝国cms“建立目录不成功,请检查目录权限”的解决方法(1726)
- 帝国cms内容页图片如何自适应(1043)
- 帝国cms如何让文章id从1开始(完美解决)(929)
- 帝国cms解决代码高亮方法二(820)
- 帝国cms编辑器更换为百度编辑器并成功实现前台代码高亮和自适应(735)
- 帝国cms如何实现全站搜索功能(722)
- 帝国cms调用二级栏目代码(附参考结构和文档)(627)
- 帝国cms编辑器集成codesnippet代码高亮插件后为其添加行号的方法(534)
- 帝国cms会员中心修改资料表单模板在哪修改(374)
- 帝国cms实现代码高亮方法三(2021-07-04)
- 帝国cms接入QQ和微博登录的教程及插件下载(2019-11-01)
- 帝国cms7.5如何调用最新注册会员的头像及用户名(2019-10-27)
- 除会员中心外,帝国cms如何向已登录的会员显示其会员名即登录状态(2019-10-26)
- 使用帝国备份王恢复帝国网站后台备份的数据至数据库的教程(2019-10-21)