您现在的位置是：首页 > cms教程 > 帝国CMS教程帝国CMS教程

帝国cms内容页图片怎么自适应

刘尉2023-05-08帝国CMS教程已有人查阅

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

帝国cms内容页图片怎么自适应

按理说响应式网站用帝国cms都会遇到这个问题，但网上却没个像样的解决方法，网上的方法大致分为两个，一个是针对编辑器，一个是用第三方插件。
针对编辑器的：帝国cms编辑器fckeditor修改：让图片自动固定高度，高度适应！
用第三方插件的：如何防止帝国CMS的内容页里因为图片太大而撑大表格？
上面两个方法都不科学，我的解决方法如下：
大家习惯性都是上传图片点确定，这样上传的图片在源代码里看是有固定尺寸的，这个固定尺寸就是阻止你做图片自适应的难点，其实尺寸可以不填为空的，照样可以上传图片，而且上传的图片在源代码里看<img>标签里没有限定宽高，如果你上传图片的时候没有填尺寸，那就给内容页图片写上如下样式：

max-width: 100%; 
height: auto;

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

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

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

本文标签：

很赞哦！ ()

上一篇：帝国CMS二次开发用PHP来替换newsnav功能的方法

下一篇：帝国cms结合项url参数怎么优化

图文教程

相关源码

(自适应)物流运输快递仓储货运网站模板免费下载基于PbootCMS内核开发的物流运输行业专用模板，深度适配仓储货运企业的业务展示需求。前端采用响应式布局，自动适配手机端访问，后台数据实时同步更新，帮助企业高效展示运输网络、仓储设施、服务流程等核心业务模块。查看源码
自适应黑色简繁双语轴承齿轮机械设备制造网站模板该模板为轴承齿轮机械制造企业提供一体化网站建设方案，着重解决行业特有的多语言展示、移动端适配和高效率内容管理需求，帮助企业精准展示产品特性与工艺流程查看源码
(自适应)大气网络公司工作室个人作品展示网站模板免费下载基于PbootCMS内核开发的响应式网站模板，为网络技术服务类企业打造，具备高度可定制性。通过简洁现代的设计语言展现企业专业形象，后台数据实时同步机制确保多终端内容一致性，查看源码
(自适应)代理记账财务会计咨询服务个人公司网站模板该响应式网站模板为代理记账、财政咨询及财务会计类企业设计，基于PbootCMS内核开发。通过自适应手机端的HTML5技术，帮助企业高效构建专业财税服务平台查看源码
(自适应响应式)水墨风白酒酿制酒业酒文化酒类产品网站源码下载本模板基于PbootCMS内核开发，为酒类企业打造的水墨风响应式网站解决方案。采用传统东方美学设计语言，呈现白酒文化底蕴，自适应移动端展示效果，数据实时同步更新，助力酒企建立专业数字化形象。查看源码
(自适应响应式)WORDwps办公资源教程资讯网站模板下载基于PbootCMS内核开发的响应式网站模板，为办公教程、WPS技巧分享、职场技能培训等场景打造。模板内置标准化文档分类体系，支持图文/视频教程混合展示，满足现代办公知识传播需求。查看源码