css怎么样调整图片大小 |css在线制作

img {
width: 50%;
}

这是一个很简单的方法，通过设置图片的宽度为50%来调整图片的大小。这个百分比可以根据具体需要进行调整，也可以直接设置图片的宽度或者高度，比如：

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

这个方法可以将图片的宽度设置为200px，高度自适应，可以防止图片拉伸或者变形。另外，大家还可以使用object-fit属性来控制图片的调整方式：

img {
width: 200px;
height: 200px;
object-fit: contain;
}

这个属性有四个值：

• fill：让图片填充整个容器，可能会裁剪图片。
• contain：让图片完整地显示在容器中，可能会有空白区域。
• cover：让图片填充整个容器，不会裁剪图片。
• none：保持原始图片大小。

综上所述，通过CSS可以轻松地调整图片的大小。大家可以根据具体需要，选择不同的方法和属性来达到最好的效果。