サイズが変化する画像があります（異なるビューごとにデータベースから異なる画像を呼び出します）。
レスポンシブ Web アプリケーションで画像を表示したい。そのように-スマートフォンデバイスでは、画面のサイズに合わせたい-ただし、少し小さくします（たとえば、下のテキストの30％が表示され、画像が画面の約70％を占めるようになります）画面）。
私はすでにアプリケーションを構築しており、画像はそこにあります。さまざまな画像サイズがさまざまなブラウザーにうまく反応することを確認したいだけです。モバイルではありません。
どのような画像が呼び出され、どのようなデバイスが使用されていても、画像が小さなデバイスの画面の約 70% で画面サイズに収まるように、画像 (表示される画像) をスケーリングするにはどうすればよいですか?タブレット ビューの場合、画像は通常のサイズになります (つまり、サイズが大きくなく、解像度が高すぎると仮定します。その場合、他のビューでも縮小する必要があります)。
これについてどうすればよいですか？
ImageMagick、picturefill、css、javascript (jquery?coffeescript?bootstrap) を使用する必要がありますか?それともプレーンな html5 を使用できますか? 何か高度な？キャンバス？