在网站http://expensebite.com上，我在左上角有一个标志，它是一个可退回到PNG的SVG。它不像预期的那样运行，我无法追踪为什么（不知道如何）： - Win10上的Chrome 45.0.2454.101：下载SVG，在任何分辨率下不显示任何分辨率 - Win10上的FF 40.0.3：显示灰色框 - Win10上的MS Edge 20.10240.16384.0：显示徽标 - MacBook上的Safari 8.0.8：什么都没显示特定于浏览器的SVG显示问题
为什么？我将如何调试？
您的SVG正在使用错误的内容类型（MIME类型）。他们被作为application/octet-stream而不是image/svg+xml。
检查您的Web服务器配置。
您在您的浏览器网络工具 - “网络”（或“网络”）选项卡上看到您自己的服务内容类型。
您的徽标位于http://expensebite.com/images/logo.svg处的HTTP标头不正确，因此浏览器将其解释为二进制流而不是图像。目前，正在送达头
Content-Type: application/octet-stream
，并在它需要被替代送达的
Content-Type: image/svg+xml
您需要配置正确的SVG Content-Type头的object标签使用您的服务器使用正确的内容类型标头来为svg文件提供服务，这个过程将根据您使用的服务器软件/托管的类型而有所不同。
需要看代码，svg可以根据它的插入情况而定。 – deek