画面サイズ/解像度に基づいて画像のサイズを変更する

Question

私は自分のページに表示したい画像がいくつかありますが、表示する画面に基づいて、画像はページの他の要素の上に表示されます。モバイルデバイスでは、それは本当に悪いです！これは、画像のサイズがピクセルであるためです。画像のサイズを画面のサイズ/解像度に関連付けるにはどうすればよいですか？私はこのページのいくつかのjsをクリックしてメイン画像を置き換えます。私は多分divの背景画像としてイメージを設定し、％を使ってdivをサイジングし、jsを使ってクリックした親指イメージに基づいてdivを変更することを考えていました。これは私の問題を解決することができますか、または私はまだ画像サイズの問題がありますか？

マイページはこちらです - http://www.test25.net/gems/index.php?option=com_content&view=article&id=14&Itemid=126

Answer 1

私は今:)

img { 
    max-width: 100%; 
    max-height:100% 
}