应直接修改phpMyAdmin的common.css文件中.dbicon选择器的width和height值（如改为20px或24px），并添加vertical-align:middle防止基线错位，同时检查background-size及父容器.min-width和white-space属性以避免换行错位。
导航树图标太小看不清，怎么改 CSS？
phpmyadmin 左侧导航树里的数据库图标（.dbicon）默认用的是 16×16 px 的 svg 或背景图，高 dpi 屏或缩放 125%+ 时会模糊、发虚，甚至被文字挤偏。这不是浏览器缩放能解决的——它压根没响应 devicepixelratio，所有尺寸都是硬编码 px。
直接改 common.css 最有效，路径通常是：
/usr/share/phpmyadmin/css/common.css（Debian/Ubuntu）/var/www/html/phpmyadmin/css/common.css（手动部署）
- 备份原文件：
cp common.css common.css.bak - 搜索
.dbicon，找到类似width: 16px; height: 16px;的规则 - 把宽高都改成
20px或24px，同时加vertical-align: middle;防止和文字基线错位 - 如果图标是 background-image，顺手检查
background-size是否设为contain或具体像素值（比如background-size: 20px 20px;）
为什么改了 $cfg['LeftFrameDBTree'] 没用？
这个配置项只控制“是否以树形分组显示数据库”，跟图标大小完全无关。你看到的图标属于 DOM 元素渲染层，而 $cfg['LeftFrameDBTree'] = false 只影响 PHP 渲染逻辑——它删掉的是分组容器（.group），不是图标本身。
常见误操作：
- 在 config.inc.php 里写
$cfg['NavigationTreeEnableGrouping'] = false;（这是 phpMyAdmin 4.x+ 的开关，仍不控制图标尺寸） - 以为开启
$cfg['Responsive'] = true就能自适应图标——它只影响部分媒体查询断点，对.dbicon这种固定尺寸元素无效
改完 CSS 还是模糊？清理缓存顺序很重要
phpMyAdmin 的 CSS 加载受三重缓存影响：浏览器缓存、PHP OPcache、甚至某些 CDN 或反向代理缓存。光清浏览器 Ctrl+F5 不够。
- 先停用 OPcache：
sudo systemctl restart php*-fpm（Ubuntu/Debian）或重启 Apache/Nginx - 再清浏览器缓存（不只是历史记录，要选“缓存的图像和文件”）
- 如果用了 Cloudflare 或 Nginx proxy_cache，得手动 purge 对应路径（如
/css/common.css） - 验证是否生效：打开开发者工具 → Elements → 找到
，看 computed 样式里 width/height 是否已更新
图标变大后文字换行错位怎么办？
导航树容器（.server_db 或 .database）宽度是固定的，图标一放大，文字就可能撑出边界或换行。这不是 bug，是 CSS 布局流的自然反应。
必须同步调整父容器：
- 给
.server_db加min-width: 220px;（原默认约 180px） - 给
.database a加white-space: nowrap;防止数据库名折行 - 如果用了自定义字体，记得检查
font-size是否也需微调（比如从12px改成13px），否则图标和文字视觉比例失调
真正麻烦的是不同版本 phpMyAdmin 的类名略有差异——5.2 和 5.4 的导航树结构 class 不完全一致，改之前最好先 inspect 元素确认真实 class 名。
php免费学习视频：立即使用
踏上前端学习之旅，开启通往精通之路！从前端基础到项目实战，循序渐进，一步一个脚印，迈向巅峰！
