css中控制图片大小的

CSS提供了很多方法来控制图片大小，可以根据需要选择使用哪种方法。

img {
  width: 50%; /*直接设置图片宽度为父容器宽度的50%*/
  height: auto; /*保持原始宽高比例*/
}

上面的代码直接设置了图片宽度为父容器宽度的50%，同时保持原始宽高比例。这种方法非常简单，但如果图片超出父容器大小，可能会出现裁剪或变形的现象。

img {
  max-width: 100%; /*限制图片宽度不超过父容器宽度*/
  height: auto; /*保持原始宽高比例*/
}

为了避免图片超出父容器大小，可以使用max-width属性来限制图片宽度不超过父容器宽度。同时，保持原始宽高比例。这样即使图片原本很大，也不会出现裁剪或变形的现象。

img {
  width: 100%; /*将图片拉伸到与父容器宽度一致*/
  height: 100%; /*将图片拉伸到与父容器高度一致*/
  object-fit: cover; /*保持宽高比例，同时覆盖整个父容器*/
}

如果希望图片填满整个父容器，可以使用width和height设置图片宽高为父容器宽高的百分比，并且使用object-fit属性来保持原始宽高比例，同时覆盖整个父容器。这种方法可以确保图片不会出现空白区域，同时保持原始宽高比例。

总之，控制图片大小可以使用上述方法中的任何一种，根据实际需求选择适合自己的方法即可。