根本原因是phpMyAdmin 5.2未做DPI感知适配，所有CSS尺寸硬编码px，未用rem/em或监听devicePixelRatio；改系统缩放无效，因.px值在高DPI下渲染失真，需直接修改common.css并加@media高DPI媒体查询，同时清理浏览器及PHP OPcache。
phpmyadmin 5.2 在高 dpi（如 125%、150%、175%）缩放下出现按钮错位、文字重叠、导航栏塌陷，根本原因不是它不支持缩放，而是它完全没做 dpi 感知适配——所有 css 尺寸都用 px 硬编码，没用 rem 或 em，也没监听 window.devicepixelratio 做响应式修正。
为什么改浏览器缩放或系统 DPI 没用？
常见错误是去调 Windows 显示设置里的“缩放与布局”，结果 phpMyAdmin 界面更糊、按钮点不中、SQL 输入框高度崩塌。这是因为：
- phpMyAdmin 的
.navbar、.tablinks、.sqlquery等关键容器宽高全写死px值，比如width: 200px，DPI 缩放后物理像素变多，但 CSS 像素仍按逻辑尺寸渲染，导致布局挤占或溢出 - Chrome/Firefox 对
px单位的缩放处理不一致：Chrome 会插值放大整个 iframe，Firefox 可能只放大文本，造成跨浏览器 UI 错位 - phpMyAdmin 5.2 没注入
viewport的initial-scale控制，移动端或高 DPI 桌面端访问时，浏览器默认按 100% 渲染再缩放，进一步放大失真
直接改 common.css 是最稳的方案
别信“换主题”或“开 responsive 开关”能解决——$cfg['Responsive'] = true 只影响部分媒体查询，对 DPI 引起的像素级偏移无效。必须动 CSS：
- 路径通常是
/usr/share/phpmyadmin/css/common.css（Debian/Ubuntu）或/var/www/html/phpmyadmin/css/common.css（手动部署） - 备份原文件：
cp common.css common.css.bak - 搜索并批量替换以下模式（注意保留原有注释和结构）：
font-size: 12px→font-size: 13pxheight: 24px→height: 28pxline-height: 24px→line-height: 28pxpadding: 4px 8px→padding: 5px 10px - 重点加固三处：
.navbar { height: auto; min-height: 48px; }.tablinks { display: flex; flex-wrap: wrap; }.sqlquery textarea { min-height: 160px; }
加 media query 针对高 DPI 屏幕做补偿
仅改固定值还不够，不同缩放比例下需要不同补偿。在 common.css 底部追加：
/* 高 DPI 设备专用补偿 */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
body { font-size: 112.5% !important; }
.navbar, .tablinks, .table_results th, .table_results td {
font-size: 105% !important;
}
.sqlquery textarea {
font-size: 100% !important;
line-height: 1.4 !important;
}
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
body { font-size: 120% !important; }
.navbar, .tablinks { padding: 6px 12px !important; }
.table_results th, .table_results td { padding: 8px 12px !important; }
}注意：!important 必须加，否则被 phpMyAdmin 内联样式或旧规则覆盖；min-resolution: 120dpi 覆盖 125% 缩放，144dpi 覆盖 150%。
立即学习“PHP免费学习笔记（深入）”；
别漏掉 PHP 和浏览器缓存这最后一环
改完 CSS 文件，90% 的人卡在这步：
- 浏览器强刷无效？清空缓存或用无痕窗口，或在 URL 后加
?v=2手动破缓存 - Nginx/Apache 若启用了 aggressive expires（如
expires 1y），需临时注释掉location ~ \.css$块 - 确认 phpMyAdmin 页面源码里已加载新 CSS —— 打开 DevTools → Network → 刷一次，看
common.css?v=...的响应内容是否含你刚加的 media query - PHP 层若开了 OPcache，执行
sudo systemctl reload php8.2-fpm（根据实际版本调整）确保不缓存旧 CSS 输出逻辑
真正生效的关键，是 CSS 修改 + 缓存清理 + 浏览器验证三者同步到位；少一个，UI 偏移就还在那里等着你反复点错按钮。
