帝国 CMS 内容页中实现图片自适应显示图片，可以通过 CSS 样式控制来实现，确保图片在不同设备和屏幕尺寸下都能正确显示。以下是几种常用的方法：

方法一：全局 CSS 控制（推荐）

在模板的 CSS 样式中添加图片自适应规则，适用于所有内容页图片： 
/* 内容页图片自适应 */
.content img {
    max-width: 100%; /* 图片最大宽度不超过容器宽度 */
    height: auto; /* 高度自动按比例缩放，避免变形 */
    display: block; /* 去除图片底部默认间距 */
    margin: 0 auto; /* 图片居中显示（可选） */
}

使用说明：
  • 将上述 CSS 添加到你的模板样式文件中（通常是style.css）
  • 确保内容页的正文容器使用了class="content"（或其他你定义的类名）
  • 这样设置后，所有上传到内容页的图片都会自动适应容器宽度

方法二：针对编辑器上传的图片

如果需要单独控制编辑器上传的图片，可以使用帝国 CMS 的图片处理函数，在模板中输出图片时添加自适应属性： 
<?php
// 获取内容中的图片并处理
$content = $navinfor['newstext']; // 正文内容

// 使用正则替换为自适应图片
$content = preg_replace('/<img(.*?)src="(.*?)"(.*?)>/i', '<img$1src="$2"$3 style="max-width:100%;height:auto;">', $content);

// 输出处理后的内容
echo $content;
?>

使用说明：
  • 将上述代码替换模板中原来的<?=$navinfor[newstext]?>
  • 这段代码会自动给所有图片添加内联样式，确保自适应

方法三：结合响应式布局

如果你的网站使用响应式布局，可以针对不同屏幕尺寸设置不同的图片样式：
css 
/* 大屏幕 */
@media (min-width: 1200px) {
    .content img {
        max-width: 80%;
    }
}

/* 平板设备 */
@media (min-width: 768px) and (max-width: 1199px) {
    .content img {
        max-width: 90%;
    }
}

/* 手机设备 */
@media (max-width: 767px) {
    .content img {
        max-width: 100%;
    }
}