CSS 设置图片高度 100% 宽度自适应 - 完整指南

使用以下 CSS 代码可以将图片高度设置为 100%，宽度自适应容器大小：

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

这种方法适用于图片容器大小已确定且具有固定宽高比的情况。

注意：

• 如果容器大小随着屏幕大小变化而变化，您可能需要使用媒体查询或 JavaScript 来调整图片大小。
• 设置 height: 100% 会将图片拉伸至容器高度，可能导致图片变形。如果需要保持图片比例，请考虑使用 object-fit 属性。

更多相关知识：

• CSS 图片大小调整
• CSS 媒体查询
• JavaScript 图片大小调整