のサイズを変更するブラウザ用の比例画像幅を設定：私はスタイルで合成された画像がある場合
<img class="test" src="testimage.jpg" />
img.test { width: 50%;}
画像アスペクトを維持し、50％にそれを含むボックスの幅、ならびに垂直リサイズをリサイズ比。
これは、囲みDIVを特定の幅と高さの値に設定する必要があると思われます。しかし、ブラウザーが小さくなったり大きくなったりすると、閉じたDIVのサイズが自動的に変更されるようにするには、これは問題にはなりませんか？
私はあなたのoriginal questionに対する答えを明確にしました。見て、それがクリアするかどうか見てみましょう。多かれ少なかれ、画像をウィンドウでサイズ変更したい場合はは固定幅と高さに設定できません。 DIVの幅と高さは％でなければなりません。
いいえ、画像はまだdivの50％になります。divがページの割合であれば問題ありません。
widthとheightプロパティを手動で指定して、イメージの寸法を維持する必要があります。サーバーサイドコーディング（PHP/ASP）を使用している場合、これはあまり難しくありません。
JavaScriptを使用してイメージを動的に計算してサイズを変更する方法もあります。
すべての割合：囲むdivはウィンドウ全体の2/3で、画像はその1/2になります。それは表示される前にすべてが計算され、数字のクランチだけが集まります。 ; D