Safari不會-webkit-transform：scale（）

幫幫我。我很絕望Safari不會-webkit-transform：scale（）

我接近完成我的網頁，當我的朋友說它在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/

來源

2015-11-23 Help Me

我們可以得到一個[的jsfiddle（https://jsfiddle.net）？ – coozin

jsfiddle創建，問題更新！ –

試試這個代替jsfiddle：[demo]（http://jsfiddle.net/5u3zb768/）。我添加了一個佔位符圖像並關閉了CSS。我正在研究它可能與jpg格式的背景圖像有關的問題。你嘗試過另一種格式嗎？ – coozin

不知何故，我得到了這個固定的，我不知道如何。 -webkit-將永遠是一個謎...

來源

2015-12-11 16:17:55

我解決了類似的問題，當我注意到我的一些span元素變得scale(.75)而其他人不是。

這兩個元素之間唯一的區別是成功縮放的元素是那些有display:block的元素。

當我向想要縮放的所有內聯元素添加display:block時，縮放比例得到修復。

Here的演示如何內聯元素被大規模處理變換差的小提琴： https://jsfiddle.net/xxexjs72/

來源

2017-05-09 20:55:55

Safari不會-webkit-transform：scale（）

回答

相關問題