易笔记易笔记
首页
文章
分类
标签
首页
文章
分类
标签
AI 1GitHub 1开源 1游戏开发 1Claude Code 1工作流 1AI 编程 1效率工具 1LangChain 1Prompt 1Frontend 1cesium 2CSS 10iOS 1Safari 1css 1font 1typography 1ide 1Flexbox 1JS 3ThreeJS 23D 2PHP 1Vue 8Windows 4KMS 1Vue3 5uni-app 1Form 1Modal 1虚拟滚动 1Vue 3 1Composition API 1ref 1reactive 1美食 1空气炸锅 1烤鱼 1减脂餐 1JavaScript 1浏览器 API 1requestIdleCallback 1性能优化 2组件 1异步组件 1
iOS 输入法撑大页面问题:原因与解决方案

引言

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

背景/原理

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