chrome/safari 中的 CSS 透视差异

发布于 2024-12-08 17:48:35 字数 312 浏览 0 评论 0原文

我在使用 css -webkit-perspective 时遇到了 Chrome 和 Safari 之间的奇怪错误。 使用相同的视角,整个 3D 场景在 Safari 中似乎被放大了。

自己看一下:
http://clients.dominic-mercier.com/experiments/css-perspective -bug.html

有人知道如何修复它吗?

I've experience a weird bug between Chrome and Safari using css -webkit-perspective.
Using same perspective, the whole 3D scene seems zoomed in Safari.

Take a look by yourself:
http://clients.dominic-mercier.com/experiments/css-perspective-bug.html

Anyone know on to fix it?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

我早已燃尽 2024-12-15 17:48:35

我找到了解决方案。
这个问题似乎与 -webkit-transform-origin 有关,它在 Chrome 中似乎有问题。
我通过使用 -webkit-transform:translateZ 而不是 -webkit-transform-origin 解决了我的问题。

希望有一天它能帮助某人。
谢谢

I've found the solution.
The problem seem to be related to -webkit-transform-origin which seem buggy in Chrome.
I've solve my problem by using -webkit-transform: translateZ instead of -webkit-transform-origin.

Hope it will help someone one day.
Thanks

世界等同你 2024-12-15 17:48:35

对我来说看起来不错 - 旧版本的 Chrome 不支持 -webkit-perspective,因此请检查您是否使用的是最新版本。

Looks good to me - older versions of Chrome didn't support -webkit-perspective, so check that you're on the most recent version.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文