imgタグを使用してiPhoneに表示する画像形式のsvgを取得しようとしています。最新のすべてのブラウザで問題なく、ブラウザのサイズをモバイルビューに縮小すると、ブラウザのサイズが変更されます。
問題は、iPhoneに表示されないことです。埋め込みタグを使用してみましたが、画像は表示されましたが、レスポンシブなサイズ変更のためにcssを取得しませんでした。
これが私が試した2つの方法です。
<img src="img/bg1.svg" />
<embed src="img/bg1.svg" type="image/svg+xml" />
画像を作成してイラストレーターに保存し、モバイルデバイス用のsvgtiny1.1設定を使用して保存しました。
なぜこれが機能しないのかについてのアイデアはありますか？または、すべてのモバイルデバイスのsvgを表示するための最良の方法は何ですか？