css 剪辑路径属性在 ios / safari / iphone 上放大时不起作用

问题描述 投票:0回答:1

目前,当我有一个使用 CSS 剪辑路径进行可见性切换的导航菜单时,但是当我在 ios/iphone 上放大时,剪辑路径不起作用,它会显示菜单内容本身。有没有办法在ios上支持clip-path属性?我无法禁用用户的捏缩放作为解决方案(尝试过但被老年人禁止)。谢谢你。

css ios iphone safari clip-path
1个回答
0
投票

🗒️回答 如果您在 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] 上放大/缩小时背景图像的舍入错误。

© www.soinside.com 2019 - 2024. All rights reserved.