svg imageはサファリ5.1.7（ウィンドウ）で動作していません

svg imageはサファリ5.1.7（ウィンドウ）で動作していません。しかし、サファリでsvgイメージを開いてサイトにアクセスすると、そこにイメージが表示されます。svg imageはサファリ5.1.7（ウィンドウ）で動作していません

2016-09-20 Cspk Isb

問題が何であるかをもっと明確にしてください。「うまくいかない」とはどういう意味ですか？あなたは "サイトを訪問"と言う - どのサイトですか？ –

私はこののようなsvgイメージを使用しているウェブサイトを開発していますが、クロムのサイトを訪問したときにうまく動作しましたが、サファリにアクセスしたときにsvgイメージは表示されません。しかし、サファリのsvgイメージを開いてサイトに表示すると、 –

SVGを直接ロードすると（例えばwww.my.site/somefile.svg）、前に表示されていなかったイメージが作業を開始するのですか？ –

Windows上のSafariには、応答性の高いインラインSVGの高さの計算に関する既知の問題があります。

あなたはSVGのviewBox（または高さ/幅属性）の比に等しい下パディングと絶対に<object>タグ内<svg>タグを配置することによりintrinsic ratio技術を、試してみてください。

.my-responsive-svg { 
 
    width: 100%; 
 
    display: block; 
 
    height: auto; 
 
    position: relative; 
 
    /* for an svg with a 16:9 aspect ratio */ 
 
    padding-top: 56.25%; 
 
} 
 

 
.my-responsive-svg svg { 
 
    width: 100%; 
 
    height: 100%; 
 
    position: absolute; 
 
    top: 0; 
 
    left: 0; 
 
    right: 0; 
 
}

<object class="my-responsive-svg"> 
 
    <svg width="160" height="90" viewBox="0 0 160 90"> 
 
    <rect x="10" y="10" width="140" height="70" /> 
 
    </svg> 
 
</object>

出典：this blog postについてコメントセルジオ・ロープスへの帽子の先端。

出典

2017-06-09 13:02:48 JamesWilson

svg imageはサファリ5.1.7（ウィンドウ）で動作していません

答えて

関連する問題