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