私はレスポンシブ SVG ファイルを試していて、HTML ページから独立して適切な画像を選択したいと思っています。
それ以上の依存関係なしに、SVG をimgタグに渡すことができるセットアップが必要です。次に、表示するために返される前に SVG をレンダリングします。
私が気付いた限りでは、スタイルタグを SVG に配置すると、ページが読み込まれた後に評価され、カプセル化された「SVG 内のみ」の要素ではなく、ページの DOM 要素にのみアクセスできます。ページをロードする前にスタイルを評価する唯一の方法は、CSS をsvgタグ全体の style 属性に入れることです。そこにメディアクエリがあれば最高です。
これはあなたにとって意味がありますか？それはまったく可能ですか？