MS邊緣SVG變焦

Question

SVG格式的圖標和我使用變焦爲鉻和IE將其調整到85％及-moz-transform: scale(0.85);爲FF，但是在先進的IT似乎沒有工作時是有另一種方式在Edge？

.myIcon { 
    display: inline-block; 
    height: 40px; 
    width: 40px; 
    margin-left: 10px; 
    zoom: 85%; 
    -moz-transform: scale(0.85); 
    background: url('../myIcons.svg') no-repeat -110px 0; 
} 

Answer 1

嘗試這個

.myIcon { 
    display: inline-block; 
    height: 40px; 
    width: 40px; 
    margin-left: 10px; 
    background: url('../myIcons.svg') no-repeat -110px 0; 
    /* zoom: 85%; Don't need this if you're using the cross browser codes below*/ 

    transform: scale(0.85); /* (Modern Browsers Universal Code including Edge) */ 
    -moz-transform: scale(0.85); /* (Old versions of Firefox) */ 
    -webkit-transform: scale(0.85); /* (Chrome, Safari, newer versions of Opera.) */ 
    -o-transform: scale(0.85); /* (Old versions of Opera) */ 
    -ms-transform: scale(0.85); /* (IE 9 and below) */ 
}