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 中拒绝。

帮帮我

请

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

Answer 1

我以某种方式解决了这个问题，但我不知道如何解决。 -webkit- 永远是个谜...

Answer 2

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

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

当我将 display:block 添加到我想要缩放的所有内联元素时，缩放已修复。

Here 的 fiddle 展示了缩放变换处理内联元素的方式的不同： https://jsfiddle.net/xxexjs72/

Safari 不会 -webkit-transform: scale()

Safari won't -webkit-transform: scale()

css

safari

webkit

scale