修复移动端输入聚焦放大,并补全商品详情价格拆分

- 触控设备输入框字号至少 16px,避免 iOS Safari 聚焦自动放大
- 商品管理详情「号主与价格」对齐订单资金拆分字段展示
This commit is contained in:
yml2213
2026-07-13 21:14:43 +08:00
parent acd9d9b7f1
commit a2a9ade68e
7 changed files with 99 additions and 18 deletions
+15
View File
@@ -37,6 +37,21 @@ a {
text-decoration: none;
}
/*
* iOS Safari 在 input/textarea/select 的 font-size < 16px 时,
* 聚焦会自动放大页面,导致 UI 被轻微放大且需手动缩小才能恢复。
* 在触控设备上统一保证可编辑控件至少 16px。
* 组件内若需更小视觉字号,请用 transform: scale() 等方式,不要直接用 <16px 的 font-size。
*/
@media (hover: none) and (pointer: coarse) {
input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='file']):not([type='button']):not([type='submit']):not([type='reset']):not([type='image']),
textarea,
select,
.van-field__control {
font-size: 16px !important;
}
}
/* ── Vant Toast 保护规则 ──────────────────────────────────
.van-popup 声明 background: var(--van-popup-background) = #fff (白色)
.van-toast 声明 background: var(--van-toast-background) = rgba(0,0,0,.7) (黑色)