MacではChromeでSVGが表示されますが、WindowsではChromeでは表示されません

誰もこれまでに経験したことがありますか？これはコード化された方法です：MacではChromeでSVGが表示されますが、WindowsではChromeでは表示されません

 .vm { 
     position: absolute; 
     top: 6em; 
     left: 21.6em; 
     width: 10.5em; 
     height: 25px; 
     border-radius: 10px; 
     background-color: $green; 
     border: 1px solid rgb(0,204,51); 
     color: $white; 
     padding-left: 34px; 
     line-height: 22px; 
     background-size: 22px 22px; 
     background-repeat: no-repeat; 
     background-position: 7px 0px; 
     background-image: url(../images/_vmware.svg); 
     }

ありがとう！

出典

2016-12-08 jnoweb

奇妙な動作のように聞こえます。私はIE 11がサポートされていることを知っている...しかし、WindowsのChrome！ここでは過去に私がSVGで手伝ってくれたすばらしい記事です。おそらくDATA URIの使用を検討していますhttps://css-tricks.com/using-svg/ – edlee

私はアイコンフォントジェネレータ（のようなhttp://fontello.com/が、そのだけではなく、1）を使用してSVGを使用する必要が

あなたのSVGフォントを作るにはあまりにも複雑である場合は、代わりにそのSVGタグを使用する必要がありますブラウザでよりよくサポートされています http://www.w3schools.com/html/html5_svg.asp

出典

2016-12-08 13:22:35 grogro

はい、私は実際にすでにフォントAwesomeを使用しています。それはそれだとは思わないが、ありがとう。バックグラウンドサイズの測定単位をPXからEMに変更しましたが、まだ動作しません。/ – jnoweb

MacではChromeでSVGが表示されますが、WindowsではChromeでは表示されません

答えて

関連する問題