旧版 phpmyadmin 大屏白边源于皮肤 css 硬编码宽度（980px）且未重置 body 默认 margin: 8px；需在 common.css 末尾或 config.inc.php 中通过 extrahtml 注入 body{margin:0!important} 和 #pma_main_page{width:100%!important;max-width:none!important} 等样式修复。
旧版 phpmyadmin（如 4.9.x 或更早）在大分辨率显示器（2560×1440 及以上）下出现左右/上下白边，不是响应式失效，而是其默认皮肤（pma_theme）的 css 宽度硬编码为固定值（如 980px），且未重置 body 默认外边距；直接改容器宽度或加 width: 100% 无效，必须同时处理布局容器与浏览器默认样式。
为什么旧皮肤在大屏上总有白边？
phpMyAdmin 4.x 的经典皮肤（如 pmahomme）把主容器写死为 width: 980px，并用 margin: 0 auto 居中。这在 1366×768 屏幕上刚好填满，但在 4K 屏上两侧就露出大片空白。更关键的是：它没重置 body 的浏览器默认 margin: 8px，导致顶部和左右额外多出 8px 白边——这个细节常被忽略，但它是“怎么调都去不干净”的根源。
直接改 CSS 文件：定位并覆盖 width 和 margin
不要动 config.inc.php 或 PHP 逻辑，问题纯在前端渲染层。找到你当前主题的 CSS 主文件（路径类似 phpmyadmin/themes/pmahomme/css/common.css），在末尾追加：
body {
margin: 0 !important;
}
#pma_main_page {
width: 100% !important;
max-width: none !important;
}
#left_panel, #serverinfo {
width: 240px !important;
}
-
#pma_main_page是旧版主内容区 ID，强制全宽能撑满视口 -
max-width: none必须加，否则width: 100%会被父级max-width: 980px截断 - 侧边栏（
#left_panel）若也跟着拉宽会错位，需单独设回合理固定宽度 - 所有规则加
!important，因为旧皮肤大量内联样式和高优先级选择器
避免改源码：用自定义 CSS 注入更安全
升级时 CSS 文件会被覆盖，推荐走官方支持的注入方式。编辑 config.inc.php，在任意 $cfg 配置后加入：
$cfg['Servers'][$i]['host'] = 'localhost';
// ... 其他配置
$cfg['ThemeDefault'] = 'pmahomme';
$cfg['ExtraHTML'] = '<style>
body { margin: 0 !important; }
#pma_main_page { width: 100% !important; max-width: none !important; }
</style>';
-
$cfg['ExtraHTML']会在页面中插入 HTML 片段，无需改任何 CSS 文件 - 只写必要样式，避免和主题原有规则冲突；
body { margin: 0 }这一行不能省 - 如果用了 HTTPS，确保
$cfg['PmaAbsoluteUri']正确，否则<style></style>标签可能被混合内容拦截
Chrome 下白边变厚？检查 ForceSSL 和 MIME 类型
某些大屏用户用 Chrome 访问本地 phpMyAdmin（http://localhost）时白边异常明显，大概率是两个叠加问题：
-
$cfg['ForceSSL'] = true被误启用 → 所有资源链接强制转https://→ 浏览器拦截混合内容 → CSS 加载失败 → 回退到无样式原始布局（含默认 body margin） - 旧版
core.lib.php对 Chrome 的 GZIP 处理 bug → CSS 响应头变成Content-Type: text/plain→ 浏览器拒解析 → 同样丢失样式 - 验证方法：F12 打开 Network 面板，筛选
css，看是否有 404、text/plain或blocked:mixed-content
真正麻烦的是：这两个问题同时存在时，你改了 CSS 宽度也看不到效果——因为样式压根没加载进来。
php免费学习视频：立即使用
踏上前端学习之旅，开启通往精通之路！从前端基础到项目实战，循序渐进，一步一个脚印，迈向巅峰！
