Question

我对我制作的网站有一个奇怪的问题。我在项目中使用了许多SVG图标来提高前端性能。

我遇到的问题是，当我刷新页面大约3-4次时，我的一些图标只显示在Iphone 4上。当我转到页面上的另一个目的地时，问题再次出现，我看不到一些图标。有缺陷的图标是在模态和滑动div中使用的图标，以显示一些额外的功能。

HTML：

<svg class="login-arrow">
    <use xlink:href="img/svg-system.svg#login-arrow"></use>
</svg>

CSS：

.login-arrow {
    width: rem(22);
    height: rem(21);
    position: absolute;
    z-index: -2;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    fill: $white2;
}

SVG代码：

<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="login-arrow" viewBox="0 0 32.3 31">
        <title>Login ikon</title> 
        <desc>Pil der peger til højre og skal illustrerer at man logger ind på JustHome boligportal ved at klikke på pilen.</desc>
        <path d="M19,10.8l5,4l-1.2,1.6l-5-4L19,10.8z" />
        <path d="M15.4,20.6h-15v-10h15v2h-13v6h13V20.6z" />
        <path d="M13.4,30.7v-8.1h2v3.9l13.4-10.9L15.4,4.7v3.9h-2V0.5L32,15.6L13.4,30.7z" />
</symbol>
</svg>

SVG图标不会一直出现在Iphone 4上

0 个答案: