东方星雨

简单网络

一个爱好网络的80后男站长。

关注我东方星雨个人微信号:476847113

您现在的位置是:首页 > 站长日志

帝国CMS内容页图片自适应显示方便多终端显示

2018-10-16 站长 站长日志

按理说响应式网站用帝国cms都会遇到这个问题,但网上却没个像样的解决方法,网上的方法大致分为两个,一个是针对编辑器,一个是用第三方插件。

针对编辑器的:帝国CMS编辑器fckeditor修改:让图片自动固定高度,高度适应!;

用第三方插件的:如何防止帝国CMS的内容页里因为图片太大而撑大表格?。

上面两个方法都不科学,我的解决方法如下:

大家习惯性都是上传图片点确定,这样上传的图片在源代码里看是有固定尺寸的,这个固定尺寸就是阻止你做图片自适应的难点,其实尺寸可以不填为空的,照样可以上传图片,而且上传的图片在源代码里看标签里没有限定宽高,如果你上传图片的时候没有填尺寸,那就给内容页图片写上如下样式:
max-width: 100%; 
height: auto; 
如果你上传图片时没管尺寸点了确定,那就在上面的样式后面加上!important
max-width: 100%!important; 
height: auto!important; 
建议大家加!important吧,因为如果文章中的图片比较多的话,每上传一个图片都删尺寸有点浪费时间。

文章评论