关于这个异常问题,我第一时间猜测应该是苹果对弹框优先级的处理方式不同,导致的这个异常,后面经过测试后发现没用,问了deepSeek后,得到了其他几种可能的原因:
- iOS Safari渲染机制差异:iPad的WebKit引擎对
z-index和层叠上下文处理与桌面浏览器不同 - 视窗单位计算问题:iPad的视窗尺寸和缩放行为特殊
- fixed定位限制:iOS对
position: fixed元素的特殊处理 - 弹框组件兼容性问题:部分UI库在iPad上适配不足
按照deepseek推荐的方法试了一遍,最后发现是弹框组件被放置在组件,导致弹框本身的定位效果无法生效(即穿透),解决方法就是把弹框组件放在scroll-view组件的外层就能完美解决该问题了。