css中改变图片大小

CSS中改变图片大小的方法
在网页设计中，图片是很重要的元素之一，而CSS可以很方便地控制网页中的图片大小。下面将介绍如何使用CSS来改变图片的大小。
1. 使用width和height属性
通过指定width和height属性可以改变图片的大小。width属性定义图片的宽度，height属性定义图片的高度。通过改变这两个属性的值，我们就可以改变图片的大小。
例如，我们想让一张图片的宽度为200像素，高度为100像素，可以这样写：

<img src="example.jpg" alt="Example" style="width:200px;height:100px;"> 

其中style属性用于设置CSS样式，width和height属性用于设置图片的大小，单位为像素（px）。
2. 使用max-width和max-height属性
有时候我们希望保持图片的原始长宽比例，同时限制图片的最大宽度和高度。这时候可以使用max-width和max-height属性，它们分别指定图片的最大宽度和最大高度，在达到最大值之前，图片会按照原始比例缩放。
例如，我们想让一张图片最大宽度为300像素，最大高度为200像素，可以这样写：

<img src="example.jpg" alt="Example" style="max-width:300px;max-height:200px;"> 

3. 使用object-fit属性
如果我们希望图片填充整个容器，并保持原始长宽比例，可以使用object-fit属性。该属性定义如何调整图片尺寸以适应它的容器，常见的取值有contain、cover、fill、scale-down。
例如，我们想让一张图片填充整个容器，并保持原始比例，可以这样写：

<img src="example.jpg" alt="Example" style="width:100%;height:100%;object-fit:cover;"> 

其中width和height属性指定图片的大小为容器的100%，object-fit属性指定图片填充整个容器，并保持原始比例。
总结
通过使用CSS的width、height、max-width、max-height和object-fit属性，我们可以改变图片的大小和缩放方式，从而实现网页中图片的美化和布局控制。