# 帝国cms如何使内容页上传的图片自适应方法

*Published:* 2024-01-01
*Author:* 客服001

#### 温馨提醒

如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢

本文最后更新于2024年1月1日，已超过 180天没有更新



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

针对编辑器的：帝国cms编辑器fckeditor修改：让[图片](https://www.xarjtc.com/tag/pic "查看图片此标签更多文章")自动固定高度，高度适应！

用第三方插件的：如何防止帝国CMS的[内容页](https://www.xarjtc.com/tag/%e5%86%85%e5%ae%b9%e9%a1%b5 "查看内容页此标签更多文章")里因为图片太大而撑大表格？

上面两个方法都不科学，我的解决方法如下：

大家习惯性都是上传图片点确定，这样上传的图片在源代码里看是有固定尺寸的，这个固定尺寸就是阻止你做图片[自适应](https://www.xarjtc.com/tag/%e8%87%aa%e9%80%82%e5%ba%94 "查看自适应此标签更多文章")的难点，其实尺寸可以不填为空的，照样可以上传图片，而且上传的图片在源代码里看![]()标签里没有限定宽高，如果你上传图片的时候没有填尺寸，那就给内容页图片写上如下样式：

```
max-width: 100%; 
height: auto;
```

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

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

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