SVG 在 Mac 上的 Chrome 中显示，但在 Windows 上的 Chrome 中不显示答案

【问题标题】：SVGs showing in Chrome on a Mac but not in Chrome on WindowsSVG 在 Mac 上的 Chrome 中显示，但在 Windows 上的 Chrome 中不显示
【发布时间】：2017-04-23 17:46:21
【问题描述】：

以前有人经历过吗？这是它的编码方式：

      .vm {
        position: absolute;
        top: 6em;
        left: 21.6em;
        width: 10.5em;
        height: 25px;
        border-radius: 10px;
        background-color: $green;
        border: 1px solid rgb(0,204,51);
        color: $white;
        padding-left: 34px;
        line-height: 22px;
        background-size: 22px 22px;
        background-repeat: no-repeat;
        background-position: 7px 0px;
        background-image: url(../images/_vmware.svg);
      }

谢谢！

【问题讨论】：

听起来很奇怪。我知道支持 IE 11……但是 Windows Chrome！这是一篇很棒的文章，过去曾帮助我处理 SVG，或许可以考虑使用 DATA URI css-tricks.com/using-svg

标签： css windows macos sass

【解决方案1】：

当我必须使用 svg 时，我会使用图标字体生成器（比如http://fontello.com/，但不是唯一的）

如果你的 svg 太复杂而无法制作字体，你应该改用浏览器支持更好的 svg 标签 http://www.w3schools.com/html/html5_svg.asp

【讨论】：

是的，我实际上已经在使用 Font Awesome。我不认为是这样，但谢谢。我还将背景大小的测量单位从 PXs 更改为 EMs，但它仍然不起作用：/