微信X5内核中position:fixed常降级为absolute导致错位，iOS微信background-position百分比解析异常，flex容器中img易错位，getBoundingClientRect()定位不准；应改用absolute+动态补偿、center center值、vertical-align及延迟获取位置。
微信内置浏览器中 position: fixed 失效或错位
微信内置浏览器（X5内核）对 position: fixed 的支持不完整，尤其在页面滚动、软键盘弹出或 input 聚焦后，图像/浮层常突然偏移甚至“粘”在顶部。这不是 CSS 写错了，而是 X5 内核将 fixed 降级为 absolute 渲染导致的。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 避免在关键交互区域（如底部操作栏、弹窗蒙层）依赖
position: fixed；改用position: absolute+ 动态监听window.innerHeight和滚动位置补偿 - 给
html和body显式设置height: 100%，并禁止body滚动（overflow: hidden），再用内部容器模拟滚动，可稳定fixed行为 - 检测是否为微信环境：
/(MicroMessenger|miniProgram)/.test(navigator.userAgent)，命中后启用降级逻辑
background-position 在 iOS 微信中偏移
iOS 版微信使用 WKWebView，但部分版本（如 8.0.42–8.0.47）对 background-position 百分比值解析异常，比如 background-position: 50% 50% 可能渲染成左上角，而非居中。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 优先改用像素值或
center center（语义明确，兼容性更好） - 若必须用百分比，加一层
transform: translate(-50%, -50%)配合top: 50%; left: 50%实现真居中 - 慎用
background-attachment: fixed—— 微信里基本无效，且可能触发重绘卡顿
图片 img 元素在 flex 容器中错位
微信 Android（X5）对 flex 的 align-items 和 justify-content 支持不稳定，尤其当父容器未设高度、或子元素含 img 且未设 vertical-align 时，图像常下沉几像素或贴顶。
