javascript - レスポンシブ画像 - さまざまな画面サイズでの画像のサイズ変更

Question

サイトのフレームワークでhttp://www.getskeleton.com/を使用しています。iPhoneなどのさまざまな画面サイズで画像のサイズを変更したい。これを行う最も簡単な方法を知っている人はいますか？Google 検索を行ったところ、選択肢が多すぎてどれが最適かを判断できませんでした。私が求めているのは、画面が小さくなると、画像が小さいものに変更されることです。

Answer 1

見つけるだろう

img.scale-with-grid {max-width: 100%;height: auto; }

画像で「グリッド付きスケール」を使用するだけで、トリックが実行されます

Answer 2

これは難しい質問です。デザイン コミュニティによって考案された多くの方法があり、それぞれに長所と短所があります。「完璧な」ものはありません（つまり、メディアクエリを含む新しい img タグですが、ワーキンググループが問題に取り組んでいます）

それを行うためのMaのお気に入りの方法は、ここで説明されているものです。

これはプレーンな html/js ではなく、Ruby ヘルパー gem であるため、スクリプトを変更する必要があります。