css图片宽高不等 |易语言取css网页源码

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

上面的代码是一种常用的图片适应方法，将max-width属性设置为100%，这样图片的最大宽度就会被设为它所在容器的宽度。height属性设置为auto，表示图片高度会自动适应图片的宽度变化。这样可以保证图片宽高比例不失真，并且图片能够自适应屏幕大小。

除了使用max-width和height属性之外，还可以使用CSS3的object-fit属性。object-fit属性可以实现更多图片的适应方式，如填充、缩放等。

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

上面的代码将图片显示为200px * 200px的大小，如果图片宽高比例不为1：1，则object-fit: cover;会将图片缩放至填满整个容器，同时保留宽高比例。其他可用的值还有contain、fill、scale-down等。

总之，对于宽高不等的图片，大家需要使用CSS来适应它们的大小变化。选择适当的适应方式可以保证大家的页面看起来更加美观和舒适。