在网站http://expensebite.com上，我左上方有一个徽标，它是一个SVG，后退到PNG。它没有按预期运行，我无法追踪原因（不确定如何）： - Win10上的Chrome 45.0.2454.101：下载SVG，不显示任何分辨率 - Win10上的FF 40.0.3：显示一个灰色框 - Win 10上的MS Edge 20.10240.16384.0：显示徽标 - MacBook上的Safari 8.0.8：什么都不显示
为什么呢？我该如何调试呢？
答案 0 :(得分：1)
您的SVG使用错误的内容类型（MIME类型）。它们作为application/octet-stream而不是image/svg+xml投放。
检查您的网络服务器配置。
您可以在自己的浏览器网络工具 - “网络”（或“网络”）标签中查看自己所使用的内容类型。
答案 1 :(得分：1)
http://expensebite.com/images/logo.svg上的徽标正在使用不正确的HTTP标头，因此浏览器会将其解释为二进制流而不是图像。它目前正在使用标题
Content-Type: application/octet-stream
要在object标记中使用，需要使用正确的SVG Content-Type标头提供
Content-Type: image/svg+xml
您需要将服务器配置为使用正确的内容类型标头提供svg文件，此过程将根据您使用的服务器软件/主机类型而有所不同。