您现在的位置是：首页 > 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参数怎么优化

图文教程

相关源码

(响应式)wordpress模板VieuV4.5主题资讯自媒体博客源码Vieu主题专注于个人博客与企业展示场景，采用响应式设计确保在手机、电脑、平板等多设备上的展示。主题集成会员中心、投稿系统、内容保护等实用功能，满足现代博客网站的建设需求。查看源码
(自适应)酒店民宿客房旅馆pbootcms模板下载基于PbootCMS内核开发的酒店民宿行业专用网站模板，专注于为住宿服务企业提供专业高效的在线展示平台。该模板采用响应式设计结构，确保在不同终端设备上均能呈现优质浏览体验。查看源码
(PC+WAP)历史复古古典古籍文章资讯类pbootcms模板下载本模板基于PbootCMS系统开发，为古籍研究、历史文献类网站设计，特别适合展示古典书籍、历史档案等文化内容。采用复古风格设计，同时具备现代化响应式布局，确保在PC和移动设备上都能呈现优雅的阅读体验。查看源码
帝国cms7.5女性护肤搭配美妆潮流网站源码带数据4.5G本模板专为女性美容护肤行业设计，提供美容护肤、发型设计、女性健康、时尚化妆、娱乐新闻、服饰搭配等女性潮流资讯内容展示。采用帝国CMS7.5开发，同步生成电脑端和手机端，满足用户对美容时尚信息的获取需求。查看源码
(自适应响应式)html5文章资讯新闻博客pbootcms网站模板下载本模板基于PbootCMS系统开发，为新闻资讯、博客类网站设计，特别适合各类文章内容的发布与管理。采用响应式技术，确保在不同设备上都能获得良好的阅读体验。查看源码
(PC+WAP)蓝色低碳环保隔断板装修装饰类网站pbootcms源码下载本款基于PbootCMS开发的网站模板为活动隔断板、装修装饰行业打造，特别适合移动隔断、环保隔断、办公分区等产品的展示与推广。查看源码