css - CSS：画像の高さを設定します。アスペクト比; ペテルス世界地図

Question

私のウェブサイトにペテルス世界地図があります。国が長くならないように、高さを正しく保ちながら、使用可能な幅の100％を画像に与えたいと思います。アスペクト比を維持するための適切なCSSは何ですか？

Answer 1

img {
  width: 100%;
  height: auto;
}

Answer 2

単純width: 100%に。画像の高さは、元の縦横比を維持するように自動的に設定されます。