インタラクティブな SVG ビジュアライゼーション (画像を参照) を構築しており、以下を提供したいと考えています。
1) 小さな画面サイズへの適応 (メディアクエリ?)
2) JavaScript が無効になっている場合の適切なフォールバック (Modernizr?)
1について:
固定/個別のピクセル幅で作業する方が良いと思いますか、それとも SVG ブロックを利用可能な幅に適応させるべきですか?
レイアウトを動的に更新するには、ウィンドウのサイズ変更リスナーが必要ですか、それともメディア クエリを使用する場合はやり過ぎですか?
2について:
デザインのレスポンシブを維持するために、SVG ビジュアライゼーションを静止画像に置き換える良い方法は何でしょうか?