google-chrome - chrome/safari 中的 css 透视差异

标签 google-chrome css safari webkit

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

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

有人知道如何修复它吗?

最佳答案

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

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

关于google-chrome - chrome/safari 中的 css 透视差异,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7691265/

相关文章:

javascript - Chrome扩展禁用js触发器

javascript - Android 浏览器和 iOS Chrome 是否支持全屏 API?

Javascript:使用 XMLSerialier.serializeToString() 时如何保留 namespace ?

javascript - 对于通过 JavaScript 隐藏/显示的输入,iOS 中的上一个/下一个按钮被禁用

css - 为什么 blur(0) 不删除视网膜屏幕上 Webkit/Chrome 中的所有文本模糊?

html - 标题 + 粘性侧边栏

javascript - 如何使用 Javascript 创建带有动态信息的模式?

html - 水平菜单下拉

javascript - 在 Safari 中移动文本时呈现问题

html - 在 Safari 中,align-self 未将容器中的内容与高度 100% 对齐