页面布局错位是因CSS渲染层与AI容器冲突，常见于缩放异常、插件干扰或缓存污染；需重置缩放、禁用扩展、硬刷新、调整输入法及禁用硬件加速。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
码上飞AI打开输入框后页面布局突然错位、组件重叠、按钮消失或文字被裁切，说明当前会话界面的CSS渲染层与AI交互容器发生了冲突，常见于浏览器缩放异常、插件干扰或本地缓存污染。
检查并重置浏览器缩放比例
第一步：按 Ctrl + 0（Windows）或 Cmd + 0（Mac）将浏览器缩放重置为100%。码上飞前端依赖精确的rem和flex计算，缩放值非100%时，输入框弹出后会触发容器尺寸误判，导致侧边栏挤压、对话气泡错位甚至发送按钮移出可视区。
第二步：关闭所有浏览器扩展，尤其是广告屏蔽类（如uBlock Origin）、UI覆盖类（如网页翻译浮窗）、脚本注入类（如Tampermonkey）。某些扩展会在页面加载后强行重写body样式，而码上飞的输入框是动态挂载的React Portal节点，极易被外部CSS规则意外覆盖。
强制刷新并跳过缓存加载
直接按 Ctrl + Shift + R（Windows）或 Cmd + Shift + R（Mac）硬刷新页面。这会绕过内存缓存和Service Worker，重新拉取最新版前端资源。旧版本JS中存在一个已知bug：当用户连续快速点击输入框两次，会触发两次useEffect渲染，造成布局管理器状态错乱，表现为输入框下方出现空白间隙且无法滚动到底部。
注意：不要点浏览器地址栏回车刷新，那样仍可能走缓存；必须用组合键强制重载。
切换输入法与中文输入兼容性处理
方法一：在输入框获得焦点前，先切换系统输入法为英文模式（Win + 空格 或 Cmd + 空格），再点击输入框。码上飞当前对中文IME的compositionstart事件监听存在竞态，若在输入框未完全挂载完成时触发中文输入，会导致虚拟键盘高度计算错误，进而撑开整个对话容器，使历史消息区域被顶出视口。
方法二：若必须用中文输入，可先在输入框内敲一个空格或英文字符，等光标稳定闪烁1秒后再开始输入中文。这能确保IME上下文初始化完毕，避免布局抖动。
【关键前提】确保浏览器语言设置为简体中文（chrome://settings/languages），否则部分字体fallback逻辑失效，中文字体加载延迟会引发输入框高度反复重绘。
临时禁用硬件加速修复渲染撕裂
进入浏览器设置 → 隐私与安全 → 系统 → 关闭“使用硬件加速模式（如果可用）”。某些集成显卡驱动（如Intel UHD 620旧版驱动）在Canvas渲染+Flex布局混合场景下会出现GPU图层合成异常，表现为输入框弹出瞬间右侧出现1px黑边、按钮边缘模糊、滚动条消失——这些不是码上飞代码问题，而是底层渲染管线故障，关掉硬件加速后自动回落至CPU渲染，布局立即恢复正常。
