怎么用css样式改图片大小

在CSS中，你可以使用几种方法来改变图片的大小。以下是三种常见的方法：

1. **宽度和高度属性**：
- 直接设置 `width` 和 `height` 属性，例如：

     img {
       width: 200px;
       height: 150px;
     }

这会保持图片的原始比例缩放。

2. **`max-width` 和 `max-height` 属性**：
- 使用 `max-` 属性，图片不会超出指定的最大尺寸，同时保持其原始宽高比：

     img {
       max-width: 100%;
       max-height: 100%;
     }

如果容器的尺寸大于图片，图片会被填充；如果容器小于图片，图片会被裁剪。

3. **响应式布局（aspect ratio）**：
- 对于保持图片宽高比的情况，可以使用 `object-fit` 属性：

     img {
       width: 100%;
       height: auto; /* 或者 max-content */
       object-fit: cover; /* 或者 fill, contain */
     }

`object-fit` 可以选择 `cover` (填充父容器并保持宽高比)，`contain` (缩放至适应容器且保持宽高比) 或者 `fill` (不保持比例，完全填充容器)。

使用这些属性时，请确保考虑图片的原始质量，过度缩放可能会影响图像清晰度。如果你需要动态调整图片大小，可以配合媒体查询（Media Queries）或JavaScript进行响应式设计。