如何自定义phpMyAdmin的界面字体大小_调整CSS解决字体过小或过大的问题-phpMyAdmin-PHP中文网

最可靠方式是通过config.inc.php注入自定义CSS文件。phpMyAdmin无字体大小后台开关，硬改common.css易被升级覆盖；应新建custom-pma.css，针对性设置.body、.sqlquery textarea、.table_results等选择器字号，并在config.inc.php中配置$cfg['CustomCSS']路径。

直接改 phpMyAdmin 的 CSS 文件最可靠

phpmyadmin 没提供界面字体大小的后台开关，所有前端样式都走 css，改 css/common.css 是唯一稳定生效的方式。别指望在设置里点几下就能调——它压根没这个选项。

常见错误是去改浏览器缩放或系统 DPI，结果导出 SQL 时字体错位、JSON 查看器文字挤成一团，问题反而更散。真要调，就得动源码级样式。

路径通常是 /usr/share/phpmyadmin/css/common.css（Debian/Ubuntu）或 /var/www/html/phpmyadmin/css/common.css（手动部署）
改之前先备份原文件：cp common.css common.css.bak
搜索 font-size，重点盯住 .navigation、.tab、.sqlquery、.table_results 这几类选择器
不建议全局替换 font-size: 12px → 14px，容易让按钮、图标文字失衡；优先加针对性规则

用自定义 CSS 覆盖比硬改源文件更安全

硬改 common.css 升级 phpMyAdmin 时会被覆盖，下次更新就白调了。官方支持通过 config.inc.php 注入额外 CSS 文件，这才是可持续方案。

使用场景：你用的是 Docker 部署、宝塔面板、或经常升级 phpMyAdmin 版本，必须走这条路径。

新建文件 /path/to/custom-pma.css，写入类似内容：

body { font-size: 14px !important; }
.sqlquery textarea { font-size: 13px !important; }
.table_results th, .table_results td { font-size: 13px !important; }

在 config.inc.php 末尾加：$cfg['CustomCSS'] = '/path/to/custom-pma.css';
注意路径必须是 Web 可访问路径（不是服务器绝对路径），比如设为 /css/custom-pma.css，然后把文件放到 phpMyAdmin 根目录的 css/ 子目录下
Chrome 开发者工具里检查元素，确认新 CSS 文件已加载且规则未被 !important 冲突压制

不同区域字体大小要分开调，不能一刀切

phpMyAdmin 界面分导航栏、SQL 输入框、结果表格、右侧结构树、底部状态栏五块，每块默认字号不同，混着调会出问题。比如把 .navigation 调大，左侧数据库列表可能换行错位；把 .sqlquery 调小，写长查询时根本看不清括号匹配。

btpanel phpsite 宝塔面板PHP网站

宝塔面板 PHP 网站管理：站点创建、删除、启停、PHP 版本切换、域名管理、SSL证书管理、伪静态管理、数据库管理

下载

性能影响几乎没有，但兼容性要注意：老版本（如 4.9.x）部分 class 名和新版（5.2+）不一致，.table_results 在旧版可能是 .data，得先用开发者工具看真实 class。

导航与顶部菜单：.navigation, .navbar → 推荐 13px 到 14px
SQL 编辑区：.sqlquery textarea, .CodeMirror → 必须保持等宽字体，12px–13px 最清晰
查询结果表格：.table_results th, .table_results td → 13px 是平衡点，再大横向滚动条出现频率飙升
右侧数据库/表结构树：#serverinfo, #databases → 容易忽略，但小字太多时这里最伤眼，可单独加 font-size: 13px

改完记得清浏览器缓存和 phpMyAdmin 临时文件

改完 CSS 刷新页面没变化？八成是缓存惹的祸。phpMyAdmin 自己会生成缓存 CSS 文件（比如 phpmyadmin/css/phpmyadmin.min.css），浏览器也记着旧文件的 ETag。

最容易被忽略的点：Docker 容器里改了宿主机的 CSS 文件，但容器内挂载路径不对，实际读的还是旧文件；或者 Nginx 启用了 sendfile on，导致 CSS 修改后不实时生效。

强制刷新浏览器：Ctrl+Shift+R（Windows/Linux）或 Cmd+Shift+R（macOS）
删 phpMyAdmin 缓存目录：rm -rf /var/lib/phpmyadmin/cache/*（路径依安装方式而异）
如果用 Nginx，临时加一句 add_header Cache-Control "no-cache"; 到 location 块里验证是否生效
Docker 用户检查 docker exec -it pma cat /usr/share/phpmyadmin/css/common.css | head -n 5，确认容器内文件确实改了