CSS：设置图像高度;纵横比; Gall-Peters投影

Question

我的网站上有一个Gall-Peters投影。我想给图像提供100％的可用宽度，同时保持高度正确，这样国家就不会拉长。保持宽高比的CSS是什么？

Answer 1

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

Answer 2

只需width: 100%。应自动设置图像的高度以保持原始高宽比。