masalibの日記

システム開発、運用と猫の写真ブログです

svgファイルがMicrosoft Edgeで表示できない

デザイナーさんからもらったアプリのLPページがあるのですが
Microsoft Edgeだとsvgファイル(iphoneのダウンロード画像)が表示されないと指摘をうけた

表示されないといっても

×

みたいになるわけではなく
透明・・・何もない感じになる

原因は

引用
IEの場合「width」「height」をSVGに記述しておかないとダメみたい。
motif-xxx.com


ちなみに

width="auto" height="45"

は表示されない
マイクロソフトの罠なのね・・・

対応は
GIMPSVGファイルを読ませてそのままPNGファイルにエクスポートするだけ

詳細はこちら
http://www.flag-systems.co.jp/flog/how_to_use_download_on_the_appstore_badge/114/www.flag-systems.co.jp

ちょっと思った事
Microsoft Edgeを使っている人がiphoneのアプリのダウンロード画像をクリックしてくれるのだろうか?
SVGファイルはwebフォルトだと勘違いしていたwww