chrome/safari 中的 CSS 透视差异
我在使用 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
我找到了解决方案。
这个问题似乎与 -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
对我来说看起来不错 - 旧版本的 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.