前端使用svg图标的时候，苹果手机出现模糊问题的原因

结果：

这个问题主要是使用了<img src="asda.png">标签导致的。

原因：

1、为什么使用img在苹果手机上出现模糊的效果？

img标签引入的svg在苹果浏览器是无法支持的，会被直接解析成普通图片的格式（.png\.jpg）。
所以就会出现安卓手机上一点都不模糊，而苹果手机却模糊的要死。

解决办法：

采用iframe、object来加载。

<iframe src="abc.svg"></iframe>
<!--或者-->
<object type="image/svg+xml" data="abc.svg"></object>