css如何调节图片大小

在网页设计中，图片大小的调整经常是必须要做的一项工作，而 CSS 提供了多种方式来控制图片大小。

通过 CSS 的 width 和 height 属性可以直接调节图片的大小。例如：

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

上述代码会将图片宽度固定为 300 像素，高度固定为 200 像素。可以根据实际需要调整这两个属性的数值。

另外，还可以使用 CSS 的 max-width 和 max-height 属性来设置图片的最大宽度和最大高度。例如：

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

上述代码会将图片的最大宽度和最大高度分别设置为其容器的宽度和高度。这种方式可以让图片在不超过容器的情况下自适应大小。

除了以上两种方式，还可以使用 CSS 的 transform 属性对图片进行缩放。例如：

img {
  transform: scale(0.5);
}

上述代码会将图片缩小为原来的一半。可以根据需要设置不同的缩放比例。

总之，通过 CSS 可以灵活调节图片大小，让网页设计更加美观和合理。