css 图片缩放滚动 |css怎样改变字的颜色设置

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

首先，大家需要设置图片的最大宽度为100%，高度自适应，这样可以保证图片不会超出容器。接下来，大家需要对容器进行一些设置：

.container {
width: 100%;
height: 400px;
overflow: auto;
}

容器的宽度需要是100%，高度可以自行调整，overflow属性需要设置为auto，这样当图片超出容器宽度时，就会出现滚动条。

接下来，大家需要对图片进行一些调整：

.container img {
float: left;
width: 33.33%;
height: 100%;
}

大家将图片设置为左浮动，并将宽度设置为33.33%，这样就可以在一行显示三张图片。高度设置为100%，可以让图片与容器等高。

最后，大家需要为容器添加一些样式，使得滚动条更加美观：

.container::-webkit-scrollbar {
width: 8px;
background-color: #F5F5F5;
}
.container::-webkit-scrollbar-thumb {
border-radius: 100px;
background-color: #000;
}

这样大家就可以使用CSS来实现图片缩放滚动了。