Safari翻译导致页面错位的根本原因是设备端翻译注入DOM破坏CSS权重与盒模型，且响应式断点未适配翻译后视口；解决需关闭设备端翻译、清除sequoia.apple.com等缓存、禁用冲突扩展、校准iPad悬浮窗尺寸，并重置字体编码。
网页经Safari翻译后出现按钮错位、文字重叠、导航栏塌陷或内容被裁切，根本原因是翻译过程注入的DOM节点破坏了原有CSS选择器权重与盒模型计算，同时部分网站的响应式断点未覆盖翻译层叠加后的视口变化。
关闭设备端翻译强制走云端渲染
iOS 16.4起默认启用设备端翻译，但本地语言模型文件（如en2zh.mlmodel）若校验失败或版本不匹配，系统会静默拒绝调用云端接口，转而用低质量DOM替换策略强行插入译文——这直接导致原有HTML结构被污染，Flex/Grid布局彻底失效。
第一步：进入「设置 > Safari 浏览器 > 翻译」→ 关闭「在设备上翻译」开关。
第二步：返回上一级，重新打开「提供翻译」开关 → 等待弹出“启用翻译”提示并确认。
第三步：保持Wi-Fi连接且不锁屏，直至看到“翻译语言包下载完成”通知。这一步必须完成，否则仍会fallback到故障设备端引擎。
清除翻译专用域名缓存
Safari将翻译引擎的JavaScript模块、语言模型元数据及会话密钥缓存在独立分区，损坏后会导致接口返回“invalid payload”或“signature mismatch”，进而触发异常DOM注入流程。
方法一：打开「设置 > Safari 浏览器 > 高级 > 网站数据」→ 在搜索框输入sequoia.apple.com → 向左滑动该条目 → 点击「删除」。
方法二：重复上述操作，分别删除translate.apple.com与api.apple-cloudkit.com的缓存数据。
【关键操作】必须彻底终止Safari进程：双击Home键（或上滑停顿）调出应用预览，上滑Safari卡片完全退出，不能仅关闭窗口。
禁用翻译扩展与脚本干预
某些浏览器扩展（如“简繁转换助手”“OpenCC 插件”）或网站内嵌的JavaScript脚本会主动检测并替换页面中的文本，与Safari原生翻译功能形成双重翻译冲突，造成样式层叠顺序错乱和字体加载中止。
打开 Safari → 点击菜单栏「Safari > 设置 > 扩展」→ 取消勾选所有含“简繁”“Convert”“Trad/Simp”“OpenCC”关键词的插件。
关闭 Safari 进程 → 重启后访问原网页验证排版是否恢复。
若恢复正常，可逐一重新启用扩展以定位具体干扰源。
强制刷新并校准悬浮窗尺寸（仅限iPad）
iPad悬浮窗模式下，翻译后的网页常因视口宽度突变（从320pt跳至500pt+）触发错误的媒体查询断点，导致CSS rem/em计算失准、Flex换行异常。
第一步：在悬浮窗内长按任意空白处 → 弹出菜单后点击「请求桌面网站」→ 等待页面重载。
第二步：拖动悬浮窗右下角调整大小 → 尽量拉宽至屏幕宽度的60%以上（约500pt+），再上下微调高度使内容完整可见。
第三步：双指在悬浮窗内张开缩放 → 观察表单控件、按钮间距是否对齐；若文字模糊，说明网页未启用vector字体，需切换回桌面版。
【重要前提】必须先关闭「设置 > Safari 浏览器 > 辅助功能 > 放大文本」开关，否则系统级字体缩放会覆盖页面CSS，造成不可逆错位。
重置网页字体与编码锁定
翻译过程可能激活Safari的“智能字体映射”机制，将网页指定字体替换为系统默认字体，间接引发字形缺失或回退至不支持中文的字体，呈现乱码外观。
打开 Safari → 「Safari > 偏好设置 > 高级」→ 取消勾选「使用字体映射表来改善网页字体显示」。
点击右下角「更改字体…」→ 对“标准字体”“固定宽度字体”“Serif字体”三项，分别点击右侧「默认」按钮 → 确认保存。
返回「高级」标签页 → 勾选「在菜单栏中显示‘开发’菜单」→ 再次进入「高级」→ 将「默认文本编码」设为Unicode (UTF-8) → 取消勾选「自动检测网页编码」。
