bootstrap分页组件不支持自动缩放，移动端点击不准主因是.page-link热区不足44×44px，需用媒体查询补足min-width/min-height、同步line-height，并确保disabled与aria-disabled同步更新。
Bootstrap 分页组件压根不支持“自动缩放”——它没有这个机制，也不会根据屏幕尺寸动态调整大小。所谓“移动端变大”，基本是 iOS Safari 强制热区、viewport 设置异常或根字体被放大导致的副作用。
为什么加了 .pagination-lg 在手机上还是点不准
根本不是尺寸没放大，而是 .page-link 的实际点击区域（min-width/min-height）远低于 44×44px 这一移动端最小可触控标准。.pagination-lg 只改 font-size、padding、line-height 和 border-radius，但默认 padding: 0.75rem 1.5rem 算下来约 12×24px，热区严重不足。
- 用 Chrome DevTools 选中
.page-link，在「Computed」里看真实min-width和min-height值，别信 CSS 文件里写的 - 检查父容器是否设了
pointer-events: none或touch-action: none（轮播遮罩、弹窗背景常见） - 确认
html { font-size }没被媒体查询意外压缩（比如全局设成12px，那1.25rem就只剩 15px）
怎么让分页按钮在手机上真正变大可点
别指望靠一个类搞定。必须手动补足移动端关键约束，并限定生效范围：
- 用媒体查询只在小屏生效：
@media (max-width: 768px) { .page-link { padding: 0.75rem 1rem; min-width: 44px; min-height: 44px; border-radius: 4px; line-height: 1.6; } } -
line-height必须同步调高，否则文字垂直居中失效，看起来像悬空 - 绝对避免用
transform: scale()或zoom——会错位点击坐标，且读屏软件无法识别
动态禁用分页项时，disabled 和 aria-disabled 必须一起改
只写 disabled 属性，JS 动态切换后，VoiceOver/TalkBack 仍会读作“可点击”。视觉灰了，但辅助技术不知道你禁用了。
- 禁用时：
el.setAttribute('disabled', 'true')+el.setAttribute('aria-disabled', 'true') - 启用时：
el.removeAttribute('disabled')+el.removeAttribute('aria-disabled') - 绝不能用
opacity: .5替代禁用状态——对读屏软件完全不可见
真正起作用的从来不是“自动缩放”，而是明确控制热区尺寸、切断事件拦截、同步可访问性状态——这三件事漏掉任何一个，手机上就点不准。事情说清了就结束。
