修复移动端输入聚焦放大,并补全商品详情价格拆分
- 触控设备输入框字号至少 16px,避免 iOS Safari 聚焦自动放大 - 商品管理详情「号主与价格」对齐订单资金拆分字段展示
This commit is contained in:
@@ -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) (黑色)
|
||||
|
||||
Reference in New Issue
Block a user