css两个图片大小

在网页设计中，图片的大小常常是非常重要的。而 CSS 可以通过一些简单的属性来定义图片的大小，使得图片能够更加美观地展现在页面中。CSS 中有两种常用的属性可以控制图片大小，下面分别介绍一下。

1.

width

width

width

img {
  width: 300px;
}

上面的代码表示将图片的宽度设为 300px，如果图片的原始宽度小于 300px 的话，就会缩小图片；如果原始宽度大于 300px，则图片会被等比例缩小。

2.

height

height

height

img {
  height: 200px;
}

上面的代码表示将图片的高度设为 200px，如果图片的原始高度小于 200px 的话，就会缩小图片；如果原始高度大于 200px，则图片会被等比例缩小。

除了上面两种属性，还可以通过其他一些属性结合使用来控制图片的大小和布局，例如

max-width

max-height

object-fit