MSエッジのSVGズーム

Question

SVG形式のアイコンと私はFFのために85％と-moz-transform: scale(0.85);にサイズを変更するにはIEクロムとためにズームを使用しますが、エッジに動作していないように別の方法がありますエッジでそれをしますか？

.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) */ 
}