Safari不会-webkit-transform: scale()

Question

帮帮我。我绝望了

我即将完成我的网页，当我的朋友说它在Safari上搞砸时，我做了一个临时域名。我查过了，但我真的解决不了。

问题是，我缩小了所有的图像和标志，使他们适合，而Safari不希望我这样做。一个例子；

.midlogo {
overflow:hidden;
z-index: 1;
background-image: url(images/whitelogo.png);
position: absolute;
-webkit-transform: scale(0.2, 0.2);
transform: scale(0.2, 0.2);
-ms-transform: scale(0.2, 0.2);
-moz-transform: scale(0.2, 0.2);
-o-transform: scale(0.2, 0.2);
top: -840px;
left: -650px;
height: 2560px;
width: 2560px;
background-repeat: no-repeat;

我几乎什么都试过了，我没有办法了。-webkit-在Chrome中工作，但在Safari中拒绝。

帮帮我

请

https://jsfiddle.net/s8mm8Lm2/1/

Answer 1

不知怎么我把这个修好了，我也不知道怎么解决。webkit-永远是个谜.

Answer 2

当我注意到我的span元素得到scale(.75)时，我解决了一个类似的问题，而其他元素却没有。

这两个元素之间唯一的区别是，成功扩展的元素是具有display:block的元素。

当我将display:block添加到我想要缩放的所有内联元素时，缩放是固定的。

这里是一个小提琴，它展示了内联元素如何通过比例转换：https://jsfiddle.net/xxexjs72/来处理的区别。