根本原因是默认CSS未适配小屏，需修改common.css添加媒体查询：.navbar加flex-wrap和justify-content，float类改display:block，.table_container表设overflow-x:auto；同时清除浏览器缓存、检查PHP配置post_max_size和max_input_vars，并谨慎使用responsive主题。
phpMyAdmin 在手机上按钮错位、菜单点不开怎么办
根本原因是默认 css 把 .navbar、.table_container 和 .tablinks 这些关键容器设成了固定宽度或浮动布局，没做 viewport 适配，导致小屏下内容溢出、点击热区偏移。
实操建议直接改 phpmyadmin/css/common.css（或主题对应 CSS 文件），重点加三处：
- 在
@media (max-width: 768px)块里给.navbar加flex-wrap: wrap和justify-content: flex-start，避免顶部导航换行后塌陷 - 把所有带
float: left的类（比如.left、.right）替换成display: block+width: 100%，否则手机上按钮和输入框会重叠 - 强制
.table_container table使用display: block+overflow-x: auto，再加white-space: nowrap，防止字段名被截断
为什么改了 CSS 还是加载旧样式？缓存和版本问题
phpMyAdmin 默认启用 CSS 缓存，且通过 ?v=5.2.1 这类参数控制资源版本，本地改完 CSS 文件，浏览器可能还在用旧哈希值的缓存。
必须同步做两件事：
- 清空浏览器缓存，或者用无痕窗口验证；更稳妥的是在 URL 后手动加
&v=xxx（比如&v=1）强制刷新资源 - 检查
config.inc.php是否设置了$cfg['SendErrorReports'] = 'never'之外的干扰项，某些 CDN 或反向代理（如 Nginx 的expires指令）也会缓存 CSS，需临时关闭
移动端表单提交失败：PHP 配置限制比 CSS 更致命
用户常以为界面调好了就能用，结果点“执行 SQL”或“导入”直接报 400 或空白页——这大概率不是 CSS 问题，而是 PHP 的 post_max_size 或 max_input_vars 在移动设备上更容易触发。
立即学习“PHP免费学习笔记（深入）”；
尤其在 iOS Safari 或安卓 Chrome 上，表单字段多（比如结构页有几十个字段）、或导入大 SQL 时：
- 检查
php.ini中post_max_size至少为32M，max_input_vars不低于5000 - 若无法改全局配置，在
phpmyadmin/libraries/vendor_config.php或.htaccess（Apache）里加php_value post_max_size 32M - 注意：修改后必须重启 PHP-FPM 或 Apache，仅 reload 不生效
用 responsive 主题反而更卡？别盲目开开关
phpMyAdmin 自带的 responsive 主题（5.1+）确实加了媒体查询，但默认只对部分页面生效，且依赖 JS 初始化。很多老旧安卓 WebView 或禁用 JS 的环境里，它反而让 .nav-tabs 初始化失败，整个左侧菜单消失。
真实可用的判断方式：
- 先确认你用的是 phpMyAdmin ≥ 5.2.0，低版本开启
$cfg['ThemeDefault'] = 'pmahomme';并启用responsive实际无效 - 如果必须用该主题，务必在
config.inc.php中显式设置$cfg['Responsive'] = true;，否则前端 JS 不会加载响应式逻辑 - 真机测试时优先关掉 JS，看纯 CSS 是否能撑住基础操作；撑不住就老老实实用自定义 CSS 补丁，别信“一键响应式”
最麻烦的其实是嵌套 iframe（比如“数据库 > 表 > 结构”页里的“关系视图”），这种地方连 viewport 元标签都可能被忽略，得单独给 iframe 内容加 width: 100% 和 min-width: 320px 才稳。
