与Chrome相比，TranslateZ在Safari上导致了不同的结果

Question

尽管在父级上使用'-webkit-transform'和'perspective：800px'，我的div.container与'translateZ'在Chrome上处于有利位置，但在Safari上距离我100px。

你对这个问题有什么看法吗？

packagingOptions {
    exclude 'META-INF/LICENSE'
    exclude 'META-INF/NOTICE'
    exclude 'META-INF/MANIFEST.MF'
}

#bigContainer .container{
  transform-style: preserve-3d;
  -webkit-transform: translateZ(110px) rotateY(0deg) rotateX(0deg) scale(0.3);
  transform: translateZ(110px) rotateY(0deg) rotateX(0deg) scale(0.3);
 }

谢谢， 埃里克