SVGがSAFARIで正しくレンダリングされない

他のすべてのブラウザでは、SVGがページ幅の80％として表示されます。しかし、サファリでは、はるかに大きなスクロール可能な（horiz &）領域内で縮小サイズのSVGを取得します。SVGがSAFARIで正しくレンダリングされない

私はこの問題をSafariが必要としていると思っています.xhtml（これは.htmlのsvgを解析しません）ですが、これは.phpですので、ヘッダー/コンテンツタイプ...しかし、まだ何も。何か案は？

<?php header('Content-Type: application/xhtml+xml; charset=utf-8'); ?> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">  
<head> 
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" /> 
<style> 
#svgobject{width: 80%;margin-right:auto;margin-left:auto;} 
</style> 
    </head> 
<body> 
<object type="image/svg+xml" id="svgobject" data="question0final.svg" > 
</object> 
</body> 
</html>

出典

2012-03-15 Gamemorize

'question0final.svg'のコードはどのように見えますか？ – robertc

投稿した文書のsvg要素がインラインでないため、ここではxhtmlを使用する必要はありません。 –

私はこれを削除し、それはそれは私のSVG画像と本当の問題は、イラストレーターでそれらを変換するときにグループ化された要素と埋め込みビットマップがあったということでしたが判明私のサファリのレンダリングの問題

<svg version="1.1" id="Background_1_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="350.08px" height="290.066px" viewBox="0 0 350.08 290.066" enable-background="new 0 0 350.08 290.066" xml:space="preserve">

出典

2014-05-12 18:37:35 EltonFlow

を固定私のイメージファイルではSafariはこれをまったく気に入らない。 Safariでグループ化されていなかったすべての要素やビットマップが表示され、画像が未完成になっていました。これは、この問題を経験している他の人に役立ちます。

出典

2014-05-22 13:49:19 EltonFlow

SVGがSAFARIで正しくレンダリングされない

答えて

関連する問題