画像の縦横比に合わせて表示する

画像の縦横比（アスペクト比）がわからない場合、画像の幅と高さを数値で指定すると画像の全ての領域が表示されない場合があります。
その状態で画像の縦横比に合わせて画像を囲むdivタグの大きさを調整する方法を紹介します。

今回の方法では、以下の条件のどちらかを満たす必要があります。

• 幅を固定の数値にして高さを可変にする場合
• 高さを固定の数値にして幅を可変にする場合

状況により使い分けてください！