MS Edge svg 缩放

Question

svg 格式图标，我使用缩放 chrome 和 IE 将其调整为 85% 和 -moz-transform: scale(0.85); 对于 FF，但在 Edge 中它似乎不起作用是否有另一种方法可以在 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) */
}

MS Edge svg 缩放

MS Edge svg zoom

css

svg

zooming