工作室注册登录标签云赞助光荣榜

当前位置:首页 > 全栈分享 > 帝国cms > 正文

帝国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>标签里没有限定宽高,如果你上传图片的时候没有填尺寸,那就给内容页图片写上如下样式:

  1. max-width100%
  2. heightauto

如果你上传图片时没管尺寸点了确定,那就在上面的样式后面加上!important

  1. max-width100%!important
  2. heightauto!important

建议大家加!important吧,因为如果文章中的图片比较多的话,每上传一个图片都删尺寸有点浪费时间。

本文标签:,您可以阅读与「」相关的所有文章

魏义齐全栈技术交流:魏义齐全栈技术交流

上一篇:帝国cms调用二级栏目代码(附参考结构和文档)下一篇:帝国cms编辑器更换为百度编辑器并成功实现前台代码高亮和自适应

原创不易,您的赞助就是博主更新的动力!

赞助请备注,8.88元及以上可在赞助光荣榜留下外链信息。

HashOver畅言云评完全自托管的评论系统

工作室注册登录标签云赞助光荣榜

最新会员
  • 东方星雨
  • deanhan
  • 1264822519
  • aini3311
  • a1051020101
  • weiyiqi