您现在的位置是：首页 > 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主题模板主题巴巴/博客X主题源码免费下载博客X主题专注于内容创作领域，为博客、资讯类网站提供专业的内容展示解决方案。该模板采用精心设计的布局结构，能够有效提升内容的可读性和用户停留时间。查看源码
响应式pbootcms模板新闻资讯博客自媒体门户网站行业通用解决方案为新闻资讯、自媒体博客打造的响应式网站模板，同时支持企业门户、行业资讯等多场景快速适配。通过简单的图文替换即可实现跨行业转型，显著降低建站成本。查看源码
(PC+WAP)激光水幕音乐喷泉设备工程网站源码下载本模板基于PbootCMS系统开发，为喷泉设备工程类企业设计，特别适合展示音乐喷泉、激光水幕等水景艺术项目。采用响应式技术，确保各类工程案例在不同设备上都能呈现视觉效果。查看源码
响应式粉色美容整形化妆品pbootcms网站模板开源源码该网站模板为美容整形、化妆品企业设计，采用响应式布局确保在手机、平板及PC端自动适配显示效果。基于PbootCMS内核开发，支持一键替换图文内容快速转换至其他行业应用。查看源码
自适应极简风个人博客文章自媒体网站模板基于PbootCMS开源内核开发的极简个人博客模板，采用移动优先设计原则，通过Media Query技术实现320px至1920px六级分辨率适配，确保在手机、平板及PC设备上均呈现良好的视觉体验。查看源码
(自适应)光伏测试仪器电站运维设备网站源码免费下载本模板为光伏检测设备与电站运维服务企业设计，采用PbootCMS内核开发，具备完整的设备展示、技术文档管理及客户服务功能模块。通过自适应结构与SEO优化框架，有效提升企业在移动端和搜索引擎中的专业形象。查看源码