重写Django Admin的base.html中base.css时，如何避免文本变大？

问题根源 #

直接替换整个base.css会导致自定义CSS与Django Admin原生的其他样式文件（如响应式样式、布局样式）产生版本或依赖冲突，原生样式依赖的字体、布局规则被破坏，从而出现文本大小异常。

推荐解决方案（局部覆盖样式，不替换原生文件） #

1. 创建自定义CSS文件
   在core/static/core/admin/css/下新建custom_admin.css，仅写入需要修改的头部样式：

#header {
    background: black;
}

2. 修改模板引入自定义样式
   打开复制到templates/admin/的base.html，找到extrahead块，添加自定义CSS的引用（确保在原生样式之后加载）：

{% block extrahead %}
    {{ block.super }}
    <link rel="stylesheet" type="text/css" href="{% static 'core/admin/css/custom_admin.css' %}">
{% endblock %}

若坚持替换base.css的修复方法 #

• 确认复制的base.css是当前项目使用的Django版本对应的文件，避免版本不匹配
• 检查复制后的base.css是否误修改了字体相关样式（如font-size、font-family、line-height等），恢复这些样式到原生值

内容的提问来源于stack exchange，提问作者Super Kai - Kazuya Ito