/* ============================================================ responsive.css — 全局响应式适配 放入 public/ 目录，在 index.html 末尾引入： ============================================================ */ /* ── 全局防溢出 ── */ html, body { overflow-x: hidden; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } /* ── 表格横向滚动（检测记录） ── */ .table-box { overflow-x: auto; -webkit-overflow-scrolling: touch; } table { min-width: 520px; } /* ── 触摸设备按钮最小点击区域 44px ── */ @media (max-width: 768px) { .btn { min-height: 44px; } .btn-sm { min-height: 38px; } td, th { padding: 10px 12px; font-size: 0.82rem; } }