帝国cms内容页图片如何自适应方法

1 359 2020-11-16 18:15:51

简述

给图片在css里控制宽高，如果编辑器默认添加了尺寸，则给css添加!important属性。

本文目录

一般说来，搭建响应式网站的帝国cms用户都会遇到帝国cms内容页图片无法自适应的问题，但网上的解决方法却很潦草。

帝国cms内容页图片如何自适应方法

针对编辑器的：帝国CMS编辑器fckeditor修改：让图片自动固定高度，高度适应！

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

在我看来，这两种解决方案都太过繁琐，我们完全可以通过简单的css解决这个问题。

大家习惯性都是上传图片点确定，这样上传的图片在源代码里看是有固定尺寸的，这个固定尺寸就是阻止你做图片自适应的难点，其实尺寸可以不填为空的，照样可以上传图片，而且上传的图片在源代码里看<img>标签里没有限定宽高，如果你上传图片的时候没有填尺寸，那就给内容页图片写上如下样式：

width:100%;
height:auto;

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

max-width:100%!important;
height:auto!important;

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

有帮助，很赞！

信息来源：精准像素

如果您认可我们的分享，有意与我们合作开展帝国cms网站建设与开发业务或插件定制，请联系右侧在线客服。我们能给您的，就是高质量的模板与售后。

标注了信息来源为下载鸥的文章皆为原创，如果是转载的优质文章，我们也都标注了出处。如果您喜欢我们的文章，请按照下载鸥所标注的文章出处进行标注，谢谢您的配合。

信息标签

导出教程下载word版教程

关于帝国CMS

帝国cms是一款功能极为强大的cms程序，性能强悍、安全性高，可轻松支持10万数据，高级开发人员可制作出能容纳千万数据量的网站，是国内最出色的开源cms程序之一，推荐企业用户使用。

当前最新版本为7.5，8.0版本即将上线，新版本的核心优化点在于多终端的适配。

帝国cms怎样将信息来源befrom外链转内链？

帝国cms生成效率低速度很慢怎么办？

宝塔面板帝国cms搬家报错No input file specified

推荐帝国CMS开发教程

帝国cms取消用户邮箱必填（注册/修改资料/管理员编辑资料） 网上关于取消会员邮箱必填的教程很多，但大都不完整。今天放出完整版本，确保全...: 12 612

帝国CMS内容简介（smalltext）增加JS对输入字数进行统计 在一些需要控制用户输入字数的站点中，增加用户输入字数的实时提示无疑十分友...: 16 817

Wordpress转为帝国cms将会出现的问题 帝国cms和Wordpress是完全不同的程序，其设计理念有着天壤之别。转换肯定会存...: 3 597

随机帝国CMS开发教程