IMG标签中的SVG在移动Safari/iOS中不显示Chrome
问题描述：
我正尝试在IMG标签中使用SVG文件。在我的本地环境中工作，但在推送到服务器时不会。我认为我对提供的文档类型有问题，但无法解决如何解决该问题。下面是加载SVG代码：IMG标签中的SVG在移动Safari/iOS中不显示Chrome
<img src="images/icon-reputation.svg" />
这里是我的DOCTYPE和标题信息：
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="user-scalable=yes, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<title>SVG</title>
</head>
任何线索？谢谢。
答
确保您的Web服务器正在使用正确的ContentType提供SVG文件。您可以通过查看（桌面）浏览器开发人员工具的网络/网络部分来查看类型。
配置服务器的方式当然取决于服务器。但是，例如，对于Apache而言，它是：
AddType image/svg+xml svg
如果包含svg内联，它会工作吗？即用包含您的.svg文件内容的svg标签替换img标签？ caniuse.com似乎认为，这个img标签的svg应该在几乎所有地方都能正常工作。 – OldGeeksGuide 2014-08-27 20:44:12
是的，它使用内联SVG。我宁愿通过IMG标签获取.svg。 – 2014-08-27 20:47:20
Bummer，理论上我期望它能够工作，但实际上我发现它有点不安。您也可以尝试使用JavaScript加载svg文件并将其作为svg元素插入，但这也可能非常棘手。 – OldGeeksGuide 2014-08-27 20:59:00