2

Web サイトで 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;
}
4

1 に答える 1

1

完全に落胆させるつもりはありませんが、Webkit の SVG には、Chrome と Safari、デスクトップとモバイルの両方で多くの問題があります。完全なクロス ブラウザー サポートが必要な場合は、実装が不完全であることは別として、SVG の一部を忘れる必要があります。シンプルなforeignObject要素でWebkitをクラッシュさせました：http://webkit-crasher.esviji.com/

ただし、 http://gasteroprod.com/の右上隅にある 3 つのアイコンには、問題なくSVG イメージ スプライトを使用しています。

これは SVG スプライトです

于 2013-02-06T10:25:43.897 に答える