img图片自适应宽高

在网页设计中，图片的自适应宽高通常是为了确保图片在不同设备和屏幕尺寸上都能保持良好的显示效果，避免因分辨率或屏幕大小变化而出现拉伸或裁剪的问题。常见的做法是使用CSS中的`max-width: 100%`和`height: auto`属性组合，这样图片会根据容器（比如`<img>`标签）的最大宽度调整高度，保持原始宽高比。

例如：

img {
  max-width: 100%; /* 图片宽度不会超过容器宽度 */
  height: auto;   /* 高度由宽度自动计算，保持原始比例 */
}