目前,当我有一个使用 CSS 剪辑路径进行可见性切换的导航菜单时,但是当我在 ios/iphone 上放大时,剪辑路径不起作用,它会显示菜单内容本身。有没有办法在ios上支持clip-path属性?我无法禁用用户的捏缩放作为解决方案(尝试过但被老年人禁止)。谢谢你。
🗒️回答 如果您在 iOS/Safari/iPhone 上放大时遇到 CSS 剪辑路径属性不起作用的问题,那么您并不孤单。开发者已经报告了问题,这似乎与 Safari 渲染 Clip-path 属性的错误有关。
在导航菜单中使用剪辑路径进行可见性切换时,在 iOS 设备上缩放时可能无法按预期运行 [Stack Overflow]。
iOS 16 Safari 中有一个与剪辑路径、位置固定和缩放相关的已知错误。该问题涉及在父容器上使用 Clip-path: inset(0) 固定在父容器内的白色文本 [Apple 开发者论坛]
CSS 技巧年鉴提供了 Clip-path 属性的概述,解释了它如何允许您指定要显示的元素的特定区域,隐藏其余部分 [CSS 技巧]。
在 Flutter GitHub 问题中,提到 ClipOval 遮罩在 iOS(所有浏览器)上已关闭,并且在缩放期间存在无法正确调整 svg 剪辑路径的问题 [Flutter GitHub]。
另一个 GitHub 问题强调了 CSS 剪辑路径仅在 Safari 中的第一个元素上正常工作的问题,特别是当应用于使用相同路径的多个元素时 [GitHub 问题]。
SitePoint 上 2011 年的较早讨论提到了在 iOS Safari [SitePoint] 上放大/缩小时背景图像的舍入错误。