phpMyAdmin手机端显示不全、操作错位、滚动卡顿，根本原因是未启用基础响应式规则；需在@media (max-width: 768px)内强制覆盖.navbar flex-wrap: wrap、浮动类display: block/width: 100%、.table_container overflow-x: auto及table display: block/white-space: nowrap，且全部加!important。
phpmyadmin 默认在手机浏览器上显示不全、操作错位、滚动卡顿，不是因为“不支持移动端”，而是它没启用基础响应式规则——修复只需三处 css 覆盖，且必须加 !important。
为什么手机上导航栏文字重叠、按钮点不到？
核心是 .navbar 容器没启用换行，子项溢出不可见；同时浮动类（如 .left、.formleft）在小屏下仍保持 float: left，脱离文档流造成堆叠或消失。
-
.navbar必须加flex-wrap: wrap !important，否则菜单项横向挤出屏幕外 -
.left、.right、.formleft等类要强制转为display: block !important+width: 100% !important - 所有相关规则必须包裹在
@media (max-width: 768px)内，避免影响桌面端
为什么表格横向滚动条不出现、内容被截断？
.table_container 缺少 overflow-x: auto，浏览器默认裁剪溢出内容；更糟的是，它的子 table 还没设 display: block，导致 white-space: nowrap 失效，字段名被强制折行。
- 给
.table_container加overflow-x: auto !important - 给
.table_container table加display: block !important+white-space: nowrap !important - 别只改
overflow，不加display: block的table在 flex 或 block 容器里依然会撑破父级
为什么改了 CSS 还是不生效？
常见失效不是写错了，而是加载顺序或缓存干扰：phpMyAdmin 5.2+ 默认 minify CSS，且主题 CSS 权重高，custom.css 若没正确配置或没加 !important 就会被覆盖。
- 确认
config.inc.php含$cfg['CustomCSS'] = 'custom.css'; -
custom.css必须放在phpmyadmin/css/custom.css（路径严格匹配） - 浏览器强刷（
Ctrl+Shift+R或清空缓存），Termux/Android 还需清除 WebView 缓存 - 别动
common.css或主题 CSS 文件——升级后会被覆盖，且 minify 后手动改易失效
真正麻烦的不是加几行 CSS，而是每处规则都得带 !important 才能压过 phpMyAdmin 自带的高权重选择器；另外，Material 主题还额外需要 th, td { min-width: 120px } 防止小屏下单格压缩到图标错位——这点容易漏掉，但一漏就点不中操作按钮。
立即学习“PHP免费学习笔记（深入）”；
