2011-10-07 86 views
2

我使用css-webkit-perspective來體驗Chrome和Safari之間的奇怪錯誤。 使用相同的視角,整個3D場景似乎在Safari中放大。css中的視角差異/ safari

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

任何人都知道解決它?

+0

這確實很奇怪,看起來像一個Chrome的bug對我來說。如果你在Safari中取出-webkit-perspective,它們的大小相同,但當然沒有透視。很好的工作順便! – Duopixel

+0

任何機會你有這個代碼仍然躺在周圍,你可以把它扔在一個沒死的地方? – RandallB

+1

@RandallB:對不起,這篇文章太舊了。無法再找到此文件。抱歉。 –

回答

2

我找到了解決方案。 這個問題似乎與Chrome瀏覽器中的-webkit-transform-origin看似有問題。 我已經通過使用-webkit-transform:translateZ代替-webkit-transform-origin解決了我的問題。

希望它有助於某一天。 謝謝

0

對我來說看起來不錯 - 老版本的Chrome不支持-webkit-perspective,因此請檢查您是否使用了最新版本。

+0

您使用的是哪種版本的Chrome和Safari? –

+0

Chrome版本:14.0.835.202 –

+0

我也在使用Chrome 14.0.835.202 Safari是5.0.5版本 –