作为背景图像的SVG在ios上崩溃了safari

Question

我在网站上使用SVG精灵。它们在缩放页面之前渲染得很好 - 几乎90％的情况下Safari崩溃并进入桌面。这种情况发生在iPad 3和iPhone 4上。有没有人遇到过同样的问题？在Google上找不到任何内容，也不知道从哪里开始。

精灵的创建如下：

i.sprite {
    background-image: url("sprites.svg");
    background-repeat:no-repeat;
    display:inline-block;
    height: 28px;
    width: 29px;
    vertical-align:middle;
    font-style:normal;
    font-size:0;
}

Answer 1

不打算完全劝阻你，但是在Chrome和Safari，桌面和移动设备上，SVG上的SVG存在很多问题。如果您需要完整的跨浏览器支持，那么从不完整的实现中，必须忘记SVG的某些部分。我使用简单的foreignObject元素使webkit崩溃：http://webkit-crasher.esviji.com/

但是，我对http://gasteroprod.com/右上角的3个图标使用了SVG图片精灵，没有任何问题：