Django CMS 低于±730断点时占位符内容变红问题排查求助

• 该问题由Django CMS内置的编辑态调试样式导致：当你登录Django CMS后台访问前端页面时，系统会自动注入编辑工具相关的内置CSS，其中专门针对未填充任何内容的空占位符设置了响应式提示规则，在视口宽度小于768px（与你提到的±730px阈值接近，阈值偏移通常由页面自带的内外边距导致）下将占位符内文本设置为红色，用于提醒开发者该占位符尚未配置内容。
• 你移除自定义外部、内联样式后问题依旧存在，是因为这部分样式是Django CMS动态注入到页面中的，不属于你手动引入的样式文件范畴。

• 方案1：为占位符添加默认内容，修改模板中placeholder标签的写法即可：

  {% placeholder "你的区块名称" default "<p>默认展示内容</p>" %}
  

  占位符不为空时就不会触发空占位符的提示样式规则。
• 方案2：手动覆盖Django CMS的内置规则，在项目全局样式文件中加入以下代码即可：

  @media (max-width: 768px) {
    .cms-placeholder-empty, .cms-placeholder-empty * {
        color: inherit !important;
    }
  }
  

• 方案3：登出Django CMS后台后访问页面测试，正常访客不会加载CMS编辑相关的样式，不会出现红色文本问题，若访客态显示正常不需要额外修改。

内容的提问来源于stack exchange，提问作者zzz