易笔记易笔记
首页
文章
分类
标签
首页
文章
分类
标签
LangChain 1CSS 9iOS 1Safari 1cesium 2ide 1JS 3ThreeJS 23D 2PHP 1Vue 7Vue 3 1Composition API 1ref 1reactive 1Windows 4KMS 1Vue3 3uni-app 1虚拟滚动 1
iOS 输入法撑大页面问题:原因与解决方案

引言

iOS Safari 在聚焦输入框时可能触发页面缩放或文字被“撑大”,导致布局错乱。本文解释成因并给出可控的解决方案与验证方法。

背景/原理

  • 自动文本缩放(Text Size Adjust):Safari 为提升可读性,在视口较窄或文字过小的场景下自动调节文字比例。
  • 表单聚焦缩放:当表单控件字体小于 16px 时,iOS 会在聚焦时放大页面,便于输入,周边内容视觉上被放大或产生挤压。
  • 视口设置不当:未正确设置 meta viewport 时,Safari 可能误判需要提高可读性而调整缩放。
分类: CSS标签: CSS, iOS, Safari
日期: 2025/12/14